WordPress.org

Forums

Radiate
Scaling header (5 posts)

  1. reinoudv
    Member
    Posted 1 year ago #

    I have a header on my website just now the problem is being viewed on a bigger screen afbedlingen listed in the header 2 times is seen. as my website has anyone an idea how I can solve without the pictures in the header are distorted this

    the link to my site

  2. marcel_d
    Member
    Posted 1 year ago #

    I'd also like to know if theres a way to keep the header from repeating. It looks really bad on most monitors.

    I went through the CSS stylesheet and header.php code and I can't even find where the header image is referenced...

  3. Ramesh (thecodeisclear)
    Member
    Posted 1 year ago #

    The css for the header image is written inline by the theme (inc/extras.php).

    You should not ideally be editing this file, rather use a custom css via the Customize option. If Radiate is your current theme, from the Theme page, click on Customize. One of the options in the right menu is Custom CSS. Enter the following

    #parallax-bg { background-repeat: no-repeat; }

    This will center the header image without repeating (overriding the repeat option set by the extras.php file)

  4. nicollb
    Member
    Posted 11 months ago #

    would it help to add background-size: cover to the Custom CSS? I've had good luck with that approach.

  5. NoMoneyLeftBoy
    Member
    Posted 11 months ago #

    Many thanks for above info, adding:

    #parallax-bg { background-repeat: no-repeat; background-size: 100%;}

    to the Custom CSS fixed it for me.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.