Centering logo & sitewide banner query

  • Resolved lindahomer

    (@lindahomer)


    10 years, 7 months ago

    I am trying to center the logo image on my site, but have been unable to find where I can do that.

    Also, the site wide banner is defaulted to a width of 940. Can I change the css anywhere so that it goes across the entire page?

    I am very familiar with css, so just need to know where I might find the selectors for the above.

    Thank you!

Viewing 11 replies - 1 through 11 (of 11 total)
  • Thread Starter lindahomer

    (@lindahomer)

    10 years, 7 months ago

    Sorry, my site is http://specialtybaskets.ca

    edgarr

    (@edgarr)

    10 years, 7 months ago

    If you center the logo, it will overlap with the container of the navigation menu (which is currently empty).

    If you center the logo, what are you planning to do with the navigation menu?

    Thread Starter lindahomer

    (@lindahomer)

    10 years, 7 months ago

    I don’t plan on using that navigation menu, that’s why it’s empty 🙂

    I read somewhere on this forum that the logo can be centered with the newer version. I downloaded the new version, but can’t find where I can change that option.

    Thread Starter lindahomer

    (@lindahomer)

    10 years, 7 months ago

    I had to delete the old version and upload the new version to finally get the option to center the logo. So that problem is resolved.

    Still looking for a solution to make the site wide banner to the entire width of the page.

    Theme Author Ben Ritner – Kadence WP

    (@britner)

    10 years, 7 months ago

    Hey lindahomer,

    To make the banner as wide as the browser window you need to edit the header.php file found in virtue >> templates folder.

    On line 72 replace the whole line with this:

    <?php global $smof_data; if (!empty($smof_data['banner_upload'])) { ?> <div class="virtue_banner"><img src="<?php echo $smof_data['banner_upload']; ?>" /></div> <?php } ?>

    Hope that helps,
    Kadence Themes

    Thread Starter lindahomer

    (@lindahomer)

    10 years, 7 months ago

    Thank you so much, Kadence! That worked nicely 😀

    aegdesignco

    (@aegdesignco)

    10 years, 2 months ago

    Hey! I just tried doing this and I think I messed up the header.php. I went under Appearance > Editor > Header (templates/header.php)

    Is there a way I can revert it back to the original? And once I do that, how can I edit the Header to fill the whole page? My problem was that I had no clue what line 72 was.

    Thanks! And sorry I’m such an idiot.

    Thread Starter lindahomer

    (@lindahomer)

    10 years, 2 months ago

    Hi…I have been there, done that…lol
    Are you working with the Virtue theme? If so I can give you the template code to replace the one you messed up (including the code to force the banner site wide).

    If you are using a different theme, then sorry, I won’t be able to help. That’s the only theme I am familiar with.

    Thread Starter lindahomer

    (@lindahomer)

    10 years, 2 months ago

    FYI: When working on code I use a special program that numbers each line of code. If you don’t have one, you should be able to download a free version by doing a search for editor programs for css (cascading style sheet). Hope that helps 🙂

    aegdesignco

    (@aegdesignco)

    10 years, 2 months ago

    That sounds great! Thanks for the help. I actually went back and downloaded the Virtue theme again, then found the header.php file and copied it exactly, letter for letter, into my WordPress account and my website works again. I still don’t know where line 72 is so I can edit that code. Will try downloading an editor program for CSS.

    Thanks again for the help Linda!
    -amy

    Thread Starter lindahomer

    (@lindahomer)

    10 years, 2 months ago

    Glad you were able to get it working again 🙂 I can send you my header.php template with the changes if you’d like.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Centering logo & sitewide banner query’ is closed to new replies.