Background image looks different on several pages

[freena]

Hi, I have 2 questions about something i cannot seem to fix on my website.

Since the website is hidden, ive created an account for you.

1) In the general customizer I uploaded a background image with a vertical row of circles (like a piece of paper).
On the homepage it is showing perfectly, but on several other pages the image is much larger all of a sudden? Dont know why? Can you help me out?

2) On one of my pages im using hover boxes and i just cant seem to figure out how to scale the images. i want 3 boxes next to eachother with small logo’s of companies. but if i reduce or enlarge the logo size it just stretches them out and if i reduce or enlarge the hover box size it does the same thing. i just want to see the entire logo, small, but not cropped. can you tell me how to do that?

thanks!!!

[Zex]

Hello, Freena!

I need to check that directly on your website.

Can you give me the address to the website and WP admin credentials in the private reply? (check the “set as private reply” checkbox below the post)

Or create a temporary admin account for us.

Thanks

[freena]

This reply has been marked as private.

[Zex]

Hello, Freena!

I’ve fixed both problems you have by inserting some custom CSS codes…

https://prnt.sc/lljhlh

Change the “background-size” value If you want to change the size of the circles on the background image.

Best Regards

[freena]

This reply has been marked as private.

[Zex]

Hello, Freena!

That can be solved by adding the background-color below the image…(I’ve already inserted it for you)
https://prnt.sc/llm1im

I also think that the hover-boxes will look better if you give them the same height, so I added the min-height value to the code. In that case, the height of the hover-box wrapper should be increased too, so I did that.
https://prnt.sc/llm4f4

Next, I added the custom CSS to remove the shadow below the main wrapper.
https://prnt.sc/llm5bm

Also, I noticed that you removed the main header, but you still get a header when scrolling a page (semi-transparent sticky header), I assumed you did not need it, so I added the CSS code to remove it.
https://prnt.sc/llm8cp

I hope everything is fine right now. If you have any further questions, feel free to contact me again.

Best Regards

[freena]

YOU ARE THE BEST!!!!
THANK YOU FOR EVERYTHING!!!!!!!!!!!!!!!!!!!!!!

[Zex]

You are welcome! 🙂

[Author]

Posts