Virtue Sitewide Banner

  • sunshowerbiz

    (@sunshowerbiz)


    10 years, 3 months ago

    Site: lifepathbydesign.net

    A lot of the “resolved” forum topics are outdated. Variable names have changed, code on pages has changed.

    I need to make the sitewide banner whole width.
    Here is the forum that addressed that: https://wordpress.org/support/topic/centering-logo-sitewide-banner-query?replies=12 But in the header.php file the only code is this:
    <?php
    /*
    Empty on purpose.

    – Force plugins to stop stating incorrect errors –
    <?php wp_head(); ?>
    */

    So obviously the solution on that post is outdated and doesn’t work.

    I love love love this theme but changes to the code and variables make the support obsolete.
    Please help.
    Thank you
    PS the banner is only displayed on the blog page. I got the code to do that from a 2 yr old forum post but the name of the banner variable had changed so I had to get the new name from the “inspect element” feature of Chrome.

Viewing 6 replies - 1 through 6 (of 6 total)
  • christomwebdesign

    (@christomwebdesign)

    10 years, 3 months ago

    hi, an easy fix could be

    change this
    <div id="imageslider" class="container">

    to

    <div id="imageslider">

    then add this to your css 

    .flexslider {
    width: 100% !important;
    margin: 0 auto !important;
    max-width: 100% !important;
}

.flexslider .slides img {
width: 100% !important;
}

    if you wanna remove the whitespace up top the slider

    .contentclass {
padding-top: 0;
}

    Thread Starter sunshowerbiz

    (@sunshowerbiz)

    10 years, 3 months ago

    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.

    Thread Starter sunshowerbiz

    (@sunshowerbiz)

    10 years, 3 months ago

    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)

    10 years, 3 months ago

    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(http://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(http://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.

    hannah

    (@hannahritner)

    10 years, 3 months ago

    Hi sunshowerbiz,
    Try changing this in your css:
    background: url(http://www.lifepathbydesign.net/wp-content/uploads/2016/01/SeaPathBanner.jpg);
    to this:
    background: #fff url(http://www.lifepathbydesign.net/wp-content/uploads/2016/01/SeaPathBanner.jpg);
    Does that work for you?

    Hannah

    Thread Starter sunshowerbiz

    (@sunshowerbiz)

    10 years, 3 months ago

    Thank you Hannah-that worked!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Virtue Sitewide Banner’ is closed to new replies.