Split: Feature image too big

[giudittaongaro]

Hi,
I have the same problem, feature images are cut off and too big.
sending the text too low in the page. I tried to generate new thumbs on theme option but didn’t work.
it stops at 2/5 images and didn’t show any change.

https://www.3stories.it/

https://www.3stories.it/contact/

how do I fix it?

[SeaTheme]

Hi giudittaongaro,

I split your question from this ticket

Please add the CSS codes to “Appearance > Customize: Additional CSS”:

body.page .fullscreen-wrap.post-cover { 
    height: 42vw;
}
body.page .post-cover .ux-background-img { 
     background-size: 100% auto;
    background-position: 0 0;
} 

Regards!
SeaTheme – SeaTheme.net – Twitter – Facebook

[giudittaongaro]

thank you, it works.
the width is ok but I still have a problem for the image or container height.
I would like it to be shorter so I can see the beginning of page text,
as you can see here:
https://www.3stories.it/contact/

thanks in advance for your help,
regards,
Giuditta

[giudittaongaro]

I partially solved the problem removing the spacer above content option, but I still can see a grey line under the image
thanks again

[giudittaongaro]

hello,
problem solved. I put the height on 40 vw not 42.
now I have a new one 😉
why cannot I see the text (bordered mask – text centered) in works gallery?
https://www.3stories.it/works/
thanks in advance for your help.

I don’t know how to change the topic text, you can do it if necessary.
thanks again,
Giuditta

[SeaTheme]

Hi,

Welcome

The text color is the same as mask color, please go to Appearance>Theme Options> Schemes: set color for Portfolio / Title for Item

Best

[giudittaongaro]

it works perfectly, thank you!!!
I put white mask on black title, thanks again

[giudittaongaro]

hi, it seems the problem now is on mobile view.
https://www.3stories.it/about/

the container leave a big grey space under the image,
how can I solve it? I tried this
> theme options > mobile > header height
but nothing changes

last but not least, in the same page I would like the background image not to be fixed but to scroll with the page.
I tried this:
> theme options > layout > header > disable sticky
but no success

thanks for your precious help
regards

[SeaTheme]

Hi,
welcome
1.
Please udpate the custom CSS

body.page .fullscreen-wrap.post-cover { 
    height: 30vw;
}

update as:

body.page .fullscreen-wrap.post-cover {
    height: 30vw!important;
}

2. Unfortunately, iOS doesn’t support the effect.

Best

[giudittaongaro]

thank you, now it works perfectly on mobile and I’d like the same effect on desktop view.
I would like the image to be fixed and scroll with the rest of the page, exactly like the mobile view.
is it possibile?
thanks so much for your help, I really appreciate it

[SeaTheme]

Hi, welcome

Did you talk about the cover image under the header bar?

Please add the custom CSS:

.post-cover .ux-background-img {
    background-attachment: scroll;
}

Best

[giudittaongaro]

yes!!! thank you so much

[Author]

Posts