background-size not properly applied

[jacipetersilie]

Dear 7th queen team,

 

1. Your KLEO theme is awesome!! Havent seen anything better than this on the buddypress market:)

2. I’ve got a little stling issue an want to ask for the most senseful fix for it. When saving my background-image in the Theme Options with property “contain”, some of my buddypress pages show the image shrinked (ca. 50% of the size).  When using the property “cover” other pages don’t display the image properly.

 

Best,

Jacob

[Laura]

Hello, can you list me the pages that doesnt show the background image as it should and the pages that does?
So i can use a quick css to fix those 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jacipetersilie]

Hello laura,

Yes, of course, thank you!!

The background images should just fit the full width screen.

pages with too small background image size:
http://spiritberlin.org/members/jacipetersilie/activity/mentions/
http://spiritberlin.org/members/jacipetersilie/activity/following/
http://spiritberlin.org/members/jacipetersilie/activity/pokes/
http://spiritberlin.org/members/jacipetersilie/messages/starred/
http://spiritberlin.org/members/jacipetersilie/messages/compose/
http://spiritberlin.org/members/jacipetersilie/groups/
http://spiritberlin.org/members/jacipetersilie/groups/invites/
http://spiritberlin.org/members/jacipetersilie/media/album/
http://spiritberlin.org/members/jacipetersilie/media/video/
http://spiritberlin.org/members/jacipetersilie/media/music/

pages with too large background image size (larger than the screen) :
http://spiritberlin.org/members/jacipetersilie/profile/edit/
http://spiritberlin.org/members/jacipetersilie/profile/edit/group/1/
http://spiritberlin.org/members/jacipetersilie/profile/change-cover/

Best wishes,
Jacob

[Laura]

Hello, please try by adding this to style.css

COPY CODE

#main>.main-color {
    background-size: cover !important;
    background-repeat: no-repeat;
    background-color: #ffc !important;
    background-attachment: fixed;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts