Docs

[im-possible]

Hi. I am trying to make the hover overlay on all image links the same color as the hover overlay of the images in “recent posts” block. You may view the website here: http://im-possiblethink.com/sharrisburg/ (note the two features will lighten with mouseover but images in the recent post carousel darken).

Also, is there a way to make background images consistent across devices (within reason of course). For example, on the homepage, the top image is a background image, which I am using as the featured image. (I used as a background image because I want it to fill all the way to the edge of the page.) The image resizes pretty well from iPad to macbook, but on a full-sized monitor, the image resizes to the point of losing the main content. (I hope that makes sense.) Here is the homepage: http://im-possiblethink.com Is there a way to fix this?

Thanks for all your help.

[Paul R]

Hi,

Thanks for writing in!

You can add this under Custom > Edit Global CSS in the Customizer.

With regards to your image, regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[im-possible]

Hi Paul R. I have looked for the code to add to the css, but none of them seem to do what I want: make the hover overlay on all image links the same color as the hover overlay of the images in “recent posts” block. You may view the website here: http://im-possiblethink.com/sharrisburg/ (note the two features will lighten with mouseover but images in the recent post carousel darken).

Since I have included a link to my website, I don’t feel screen shots are necessary, but to restate my issue more clearly, can I make background images consistent across devices so they don’t get cropped when scaled?

Please see my previous statement for more details: On my homepage, the top image is a background image, which I am using as the featured image. (I used as a background image because I want it to fill all the way to the edge of the page.) The image resizes pretty well from iPad to macbook, but on a full-sized monitor, the image resizes to the point of losing the main content. (I hope that makes sense.) Here is the homepage: http://im-possiblethink.com Is there a way to fix this?

[Rue Nel]

Hello There,

Thank you for the clarifications. It turns out that you are using a padding for the section and it utilizes a fixed pixels paddings. I would recommend that you use percentage pixels. So instead of having 300px, you can make use of 20% or more than that. Please see how it goes.

And to better understand how background images in a section works, please review this topic: https://community.theme.co/forums/topic/section-background-image-2/#post-691126

Hope this helps.

[Author]

Posts