Forum Replies Created

Viewing 7 replies - 31 through 37 (of 37 total)
  • Thread Starter sunshowerbiz

    (@sunshowerbiz)

    Thank you Hannah-that worked!

    Thread Starter sunshowerbiz

    (@sunshowerbiz)

    OK. I have found my own solution. I am using the header background image instead Added the following to the custom css in the Advanced Settings portion of the Customize under Appearance:

    To ensure the header background will not display on all pages only the ones I specify:

    .headerclass {
    background: url(none);
    }

    To Get the header background to appear on the blog main page:

    .blog .headerclass {
    height: 250px;
    background-color: #ffffff;
    background: url(https://www.lifepathbydesign.net/wp-content/uploads/2016/01/SeaPathBanner.jpg);
    }

    To get the header background to appear on individual blog post pages(could be done with pages too):

    .postid-20 .headerclass {
    height: 250px;
    background: url(https://www.lifepathbydesign.net/wp-content/uploads/2016/01/SeaPathBanner.jpg);
    }

    NOW! I would like to get rid of the green background for the header image pages, a little distracting while the image is loading.
    ??
    So…any help for that would be great. tried to set body background to ffffff only for the specified pages but to no avail.

    Thread Starter sunshowerbiz

    (@sunshowerbiz)

    I should also add that I only wanted to display the sitewide banner on the blog page and added CSS to get that to work. Once I get the width thing straightened out, I would like to see how I can display it above every blog post as well. That is what my client wants…:)

    Thread Starter sunshowerbiz

    (@sunshowerbiz)

    Thanks anyway Christom, but this is for the sitewide banner. It’s only displaying on the Blog page. The variable name for the sitewide banner is

    virtue_banner

    Just in case I tried adding the

    width: 100% !important;
        margin: 0 auto !important;
        max-width: 100% !important;

    to the virtue_banner element

    but that didn’t work.

    The slider is only on my home page and I am fine with the way that is displaying.

    I would actually like to get rid of the gray background for the post date box. I did try changing this in the default.css file Line 28 but I may not have doe that right:

    bg-lightgray {background: none; background:rgba(0, 0, 0, 0.05); }

    I am using the Virtue theme, tried using the sitewide gray font to change this in Basic Styling and changed it to a green color, it did not change the post date box.

    https://www.lifepathbydesign.net

    Hi tmac7
    I had the same problem. The issue is that the “suggested dimensions” are wrong. The default header image is 1600×250. When I changed my image to that size all was good-no tiling
    I am however experiencing a display issue on different platforms and browsers, so that not all are centered. I am going to start my own topic for that.

    Best-
    Mary Ann
    sunshowerbiz

Viewing 7 replies - 31 through 37 (of 37 total)