• Hi y’all,
    I’m gonna have to renew my yearly domain name before I ever get satisfied with this website. It’s too pink, so I’m trying to get it a little less terrifying for the guys. I want to add an image between my Header Logo “Progressive Insanity”, and the logo that I have over to the right. I figured out quite a bit by myself today, but this one I’m having trouble with. I can’t figure out how to work the CSS. If I just say #header, won’t that move over everything? Same with #logo? So, I know it’s got to be something image, but how do you put that in the CSS? Help?
    https://www.progressiveinsanity.com/testwp/

    Thank you in advance!!
    ~Ky

Viewing 9 replies - 1 through 9 (of 9 total)
  • I’m not sure which elements you want moved – but if you want to move that MOAUN AABE?? image over purely by CSS (this isn’t the way I would recommend – I’d suggest putting the image in its own separate DIV but this will work regardless)..

    Then add this to your style.css:

    #logo img { position: absolute; left: 50%; top: 20px; }

    That will push that image in between the Progress Insanity title and the right hand edge/image.

    BUT, this will then push any other images you use in the logo div – which might not end up how you want it (again I’d suggest putting the image in it’s own DIV or at least give the IMG tag an ID=””)

    Just a note, and I apologise if I’m wrong – but your TITLE is not loading correctly.

    I think this might be because in the default TwentyTwelve template it calls the function wp_title() ONLY. This is fine for TwentyTwelve because it appends the default wp_title() function to include the blog name, however, this will not work correctly in a theme if you haven’t set it up the same.

    To get your title to display correctly I suggest you use in your header.php:

    <title><?php bloginfo('name'); ?> <?php wp_title(); ?></title>

    Therefore, even if you aren’t on a page you will always get “Progressive Insanity” as the Title.

    Thread Starter kyleemckinney

    (@kyleemckinney)

    That worked perfectly. I’d be happy to try the div option, but my brain just isn’t awake enough to even start figuring that one out. lol
    Still gotta get rid of a LOT of the pink and re-do that image, but at least now I know how to get it in the right spot. Thank you!!!!
    ~Ky

    Thread Starter kyleemckinney

    (@kyleemckinney)

    Generic Box, I just noticed your reply about my title. I hadn’t noticed anything out of sorts with that, I’ve been working so hard on everything else. If I put that code into the header.php of my current theme (Custom Community), won’t that change if/when I update the theme? I’m not sure enough of myself yet to even try doing a child theme, I scanned those instructions a week or so ago and “heck no, I’d mess something up, it’s way too involved.Is that code something that I can insert into the custom css box of the theme?
    ~Ky

    It might just be on my end – but I am not seeing a title at all. If you are using a non-custom Theme then you should not change the header.php file.

    If you also see no title (just https://www.progressiveinsanity.com/testwp) make sure you have all the fields filled out in Settings > General and Appearance > Options

    Thread Starter kyleemckinney

    (@kyleemckinney)

    You don’t see the “Progressive Insanity” at the top left? I see it on both pages, but strangely, the header background that I just put up is only showing up on my About page. I would think if it only showed up somewhere then it should be on the Home page, but nope. Now what the heck is going on with that?? At the top header/logo you should see:
    Progressive Insanity …. flag & guns ….. my logo
    It’s filled out in the WP/Settings/General section. Goodness, please don’t tell me there’s yet another issue, I thought I was so close!
    ~Ky
    edited to add: I did log out and went to the site, just to make sure I was seeing what a visitor would see, and I still see the “Title”. Maybe the Progressive Insanity isn’t the title so you’re thinking there is something missing? I’m calling the site name, Progressive Insanity, the title and it’s at the top left – at least, it should be.

    No no not the title on the actual page – the <title> tag affects the name of the browser window.

    On the tab in your browser – does it say Progressive Insanity in the name of the tab? or just the url?

    Thread Starter kyleemckinney

    (@kyleemckinney)

    It’s just the url, the tab does not say Progressive Insanity. Shoot, that’s another thing I didn’t notice. Can I put HTML in the CSS box? I do actually kinda know HTML, from many years ago, so I know how to enter it, I just don’t know where to put it.
    ~Ky

    Thread Starter kyleemckinney

    (@kyleemckinney)

    Okay, I do NOT know anything at all about PHP, but I found this code in the theme’s header.php:
    <title><?php wp_title(); ?></title>
    Could I just hard code it in there?
    ~Ky

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Logo Image vs Header Image?’ is closed to new replies.