WordPress.org

Ready to get started?Download WordPress

Forums

Fluxipress
[resolved] Centering blog title, logo and navigation. (11 posts)

  1. adsleeblythe
    Member
    Posted 6 months ago #

    Hi,

    I am using a image logo with my blog title. Can somebody please tell me the best way to centre the blog title, logo and navigation menu bar please.

    I want it like the Fluxipress authors website.

    Please see my website

    Thanks

  2. assurewd
    Member
    Posted 6 months ago #

    In your header...add a break tag after the image...

    <h1 id="blog-title">
                                    <a href="http://www.adamleeblythe.co.uk" title="ALB">
                                            <img src="http://www.adamleeblythe.co.uk/wp-content/themes/fluxipress-child/images/alb-logo.png" alt="ALB" />
                                            The Web & Graphic Design Portfolio of Adam Lee Blythe
                                    </a>
                                    </h1>

    [Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum's parser.]

    Then modify the style sheet to center the elements in the H1 tag...

  3. esmi
    Theme Diva & Forum Moderator
    Posted 6 months ago #

    No! Do not edit the theme itself. First create a child theme for your changes. Or install a custom CSS plugin.

  4. adsleeblythe
    Member
    Posted 6 months ago #

    Thanks assurewd,

    and esmi, I am using a child theme.

    I'm thinking of using a custom CSS plugin as my child theme (style.css) isn't updating! However, .php files are!

    I should probably create a new thread for this though.

    Thanks

  5. WPyogi
    Volunteer Moderator
    Posted 6 months ago #

    There is no child theme visible on your site here:

    http://www.adamleeblythe.co.uk/wp-content/themes/fluxipress/style.css

  6. adsleeblythe
    Member
    Posted 6 months ago #

    WPyogi appreciate your input. I do have a child theme http://www.adamleeblythe.co.uk/wp-content/themes/fluxipress-child/style.css

    I don't understand as I have made changes to header.php (in my child theme) and can see the changes.

  7. WPyogi
    Volunteer Moderator
    Posted 6 months ago #

    Have you activated it? It's not what I see on your site.

  8. adsleeblythe
    Member
    Posted 6 months ago #

    Yes it's definitely activated. I've used child themes before i can't think why this is not working?!

    See my screen shot

  9. Michael Kloepzig
    Member
    Theme Author

    Posted 6 months ago #

    The child theme issue has been resolved, as stated in the other thread.

    Centering the title and adding a logo might still be a bit tricky. The #block-title must leave space for the menu button on small screens (just resize your browser to less than 800px width). I guess there's no easy way to center and not collide at some point, sorry.

  10. adsleeblythe
    Member
    Posted 6 months ago #

    I have managed to centre my title and custom logo using:

    body {
    font-size: 15px;
    }
    
    img {
    border: 0 none;
    display: block;
    }
    
    #blog-title {
    display: block;
    font-size: 4rem;
    font-weight: 300;
    line-height: 0.8em;
    margin: 0.3em 0 0.3em -0.05em;
    overflow: hidden;
    padding: 0.2em 0 0;
    text-align: center;
    }
    
    #blog-title span, #blog-title strong span {
    font-size: 0.425em;
    text-align: center;
    }
    
    #blog-title img, #blog-title strong img {
        float: none;
        margin: -0.2em auto 0.25em;
    }
    
    #blog-title {
        padding-right: 0;
    }

    The only problem I'm having now is the rollover transition when you rollover #header and the text 'Home' is revealed. It's a nice touch but it's not what I want for my website. It looks to me there is some inline styling involved where can I find it to change it?

    The simple transitioned rollover on your demo fluxipress website save the gummy bears is awesome. I want my header like this!

    Thanks again.

  11. Michael Kloepzig
    Member
    Theme Author

    Posted 6 months ago #

    add this to your child theme css:

    .gt-800 #blog-title a:after { content: "" !important; }

Reply

You must log in to post.

About this Theme

About this Topic