• Creator
    Topic
  • #8292

    Paul Jabas
    Spectator
    Been thanked: 0 times

    I just realized, that the background image i am using in the alora theme background options under “background image for main content area” isn’t flexible, when browser size is reduced.

    In firefox inspect elements option I used for trial the background-size:100%; option and it worked. But don’t know, where to put it in css. Please advice. Thanks

Viewing 8 replies - 1 through 8 (of 8 total)
Replies
  • Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #9213 |

    please provide me your website URL

    Paul Jabas
    Spectator
    Post count: 11
    Been thanked: 0 times
    #9218 |

    .

    Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #9219 |

    cannot see the background image

    Paul Jabas
    Spectator
    Post count: 11
    Been thanked: 0 times
    #9226 |

    Weird. to be precisely: it’s about the image used as background for main content area with the sticker “interim management excellence” on it.

    Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #9227 |

    insert this in the Custom CSS field:

    Code:
    #main {-webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;}
    Paul Jabas
    Spectator
    Post count: 11
    Been thanked: 0 times
    #9242 |

    Hi Roman,
    thanks again, it works fine. There is still one issue:

    I am using the background image with a height of 340px. To achieve that the content is shown right below the image, i have set the “page content top padding” value in general options to 360px.

    The gap between image and content grows, the more i minimize browser window. Any idea to glue the content to the bottom of the image in constant distance?

    Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #9243 |

    try to use a percentage padding, e.g. 10% and see if it helps.

    Paul Jabas
    Spectator
    Post count: 11
    Been thanked: 0 times
    #9245 |

    Thanks. it works. the custom CSS I am using is: #content {padding-top:40%;} #sidebar {padding-top:45%;}

Viewing 8 replies - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.