Header image problem

  • billc108

    (@billc108)


    1 year, 4 months ago

    As outlined in the Customizer, I created an image at 1600×350 px (the default image is 1600×406, by the way). When I publish it, only a portion of the image displays properly.

    Previously it was displaying well when the browser window was small – an iPhone in landscape worked well, though in portrait view it cuts off a bit. When on a desktop it displays OK on some monitors, though on wide monitors it expands both horizontally and vertically and cuts off portions of the image.

    Ideally it would display a responsive version of the selected image. If possible it would also be nice to be able to choose a background color such that if the image is too narrow or too short to fill the space, an appropriate background color would fill in.

    Additional questions:

    1. I’m unclear on how Custom Slide Show => Slider Section works. I tried selecting several pages on our staging site (at the submitted URL) and saw no slider anywhere with those pages displayed. Please point me to the appropriate documentation.
    2. How do I change the title on the Blog Posts page? Currently it’s “Blog Post”, but since that’s the home page I’d prefer it to simply be without a title or have some other word of our client’s choice such as “Welcome” or “Home”, or possibly the site’s tagline.
    3. How do I change the font colors on the menus and on the page titles?

    Thanks for your assistance.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • themespridesupport

    (@themespridesupport)

    1 year, 2 months ago

    Hello,

    1. To improve horizontal responsiveness, add this CSS in Appearance > Customize > Additional CSS:

        .header-img, .single-page-img, .external-div .box-image img, .external-div {
            background-size: 100% 100% !important;
        }

        For full height, adjust it from the Header Image section in the Customizer.

        To set a background color if the image doesn’t fully cover the space, use:

        .header-img {
            background-color: #yourcolorcode !important;
        }

    2. To show the slider on the homepage, follow these steps:

        – Create a new page (Dashboard → Pages → Add New), set the template to Custom Home Page, and publish it.
        – Set it as the homepage (Dashboard → Customizer → Homepage Settings → Select Static Page → Publish).
        – Enable the slider (Dashboard → Customizer → Custom Home Page → Slider Section → Select slider pages → Check the box to show the slider → Publish).


    3. Currently, changing the title on the Blog Posts page is not available. However, this feature will be included in the next update.

    4. To change the font colors on the menus and page titles, follow these steps:

        – Log in to your WordPress Dashboard.
        – Navigate to Appearance > Customize.
        – Click on Additional CSS.
        – Add the following CSS code:
            For Menus:
            .main-navigation a {
                color: #yourcolor !important;
            }
            For Page Title:
            .box-text h2{
                color: #yourcolor !important;
            }
        – Click Publish to save your changes.


    Thank You.

Viewing 1 replies (of 1 total)

The topic ‘Header image problem’ is closed to new replies.