Half half split image size and H1 sizes

[sorelh]

Hi, several queries

1. What is the best size image for the half/half blog page whole page image?

2. How can I bring the overlay text on the half/half blog page to the top of the page instead of the centre?

3. How can I make the headings smaller in my blog page when set to bold (see screenshot attached)

4. How can I make my hero overlay page headings a different size from H1?

4. How can I make the impact text heading on my slider a different size from H1?

Thanks

Sorel

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

1) We use this size for best display: 1280 x 1400 px

2) You can add this:

.heading-text.container {
    margin-top: 0!important;
    position: absolute;
    top: 30px;
}

3) You can add this:

.single-post b, 
.single-post strong {
    font-weight: 700;
    font-size: 24px!important;
}

4) You can add this:

.single-post .page-heading h1 {
    font-size: 60px;
}

5) You can add this:

h1, .impact-text, .impact-text > p, .impact-text-large, .impact-text-large > p, h3.countdown-subject, .swiper-slide .caption-content > h2, #jckqv h1 {
	font-size: 60px;
}

Thanks,
David

[sorelh]

This reply has been marked as private.

[David Martin – Support]

1) Please add this:

.post-pagination .blog-button {
    display: none;
}

Thanks,
David.

[sorelh]

This reply has been marked as private.

[David Martin – Support]

Hi,

1) Add this:

a.sf-button.medium.white.rounded.bordered {
    display: none;
}

2)

.post-pagination .prev-article:before,
.post-pagination .next-article:before {
    border: 2px solid red;
    color: red;
}

3) Not sure I understand the button reference, what is meant to click to?

– David.

[sorelh]

This reply has been marked as private.

[David Martin – Support]

Hi,

1) Please use this:

.post-details-wrap .sf-share-counts .share-text {
    font-size: 22px!important;
}

2) Please use this:

.sf-share-counts>a {
    color: cadetblue!important;
}

3) Please use this:

.comments-wrapper>a,
.post-details-wrap .comments-likes span.love-count {
    color: rebeccapurple!important;
}

.love-it>svg .stroke, .love-it>svg .fill, 
.comments-wrapper a>svg .stroke {
    stroke: red!important;
}

4) Please use this:

.post-aux-wrap .post-pagination {
	border-top: none!important;
}

Thanks,
David.

[sorelh]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

No problem. Thanks David.

-Rui