Shop Categories

X

Background image looks different on several pages

Home Forums Agama Pro Background image looks different on several pages

Topic Resolution: Resolved
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #11374
    freena
    Participant

    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!!!

    #11375
    Zex
    Moderator

    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

    #11376
    freena
    Participant
    This reply has been marked as private.
    #11377
    Zex
    Moderator

    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

    #11378
    freena
    Participant
    This reply has been marked as private.
    #11379
    Zex
    Moderator

    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

    #11388
    freena
    Participant

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

    #11389
    Zex
    Moderator

    You are welcome! 🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.
Limited time offer : 50 % off : Apply Coupon Code at checkoutnewyear50