WordPress.org

Support

Support » How-To and Troubleshooting » adding a logo to ‘CB blog’ theme

adding a logo to ‘CB blog’ theme

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

    @esmi

    Forum Moderator

    On that theme, you’d have to add a logo image to the #header-fluid markup in header.php. All of the header divs already have CSS background images.

    Do I understand correctly that I would have to change the image in

    #header-fluid {
    	margin: 0;
    	height:209px;
    	width: 100%;
    	background: url('images/header-fluid.jpg') repeat-x;
    }

    To a different image that includes the logo?

    esmi

    @esmi

    Forum Moderator

    That wouldn’t work. The logo would end up being repeated at intervals across the page.

    I see. Can I create a new image that incorporates the logo and fits the dimensions? Would that work?

    esmi

    @esmi

    Forum Moderator

    That theme is elastic – which means that the header expands to fit the screen. Anything from 900px wide to 2000px wide (or wider). That’s why the header-image repeats across the page – so it can fill any width screen. And it’s why your logo would end up being repeated on larger screens.

    Your only two options are:

    – add the image to the header markup on the appropriate template file (header.php?)

    – create a new div block with a new class to the appropriate template file and then apply the new image using CSS and background-repeat:no-repeat; to ensure that it only appears once – irrespective of the screen width,.

    Thank you so much for explaining this.

    Best!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘adding a logo to ‘CB blog’ theme’ is closed to new replies.