WordPress.org

Ready to get started?Download WordPress

Forums

adding a logo to 'CB blog' theme (7 posts)

  1. maragold
    Member
    Posted 3 years ago #

    I have read many, many solutions to this issue, but the code for CB blog does not seem to be written using the same method as that in other solutions. For example, there is no "div id" section.

    I am trying to put a logo to the left of the site name on the site http://www.seacoastconsumerelectronics.com/ I understand I must upload the logo to the images folder, but I seek guidance where I would then put the code to read this image.

    I did try writing to the template designer, but have received no response. Any guidance is most appreciated.

  2. esmi
    Theme Diva & Forum Moderator
    Posted 3 years ago #

    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.

  3. maragold
    Member
    Posted 3 years ago #

    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?

  4. esmi
    Theme Diva & Forum Moderator
    Posted 3 years ago #

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

  5. maragold
    Member
    Posted 3 years ago #

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

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

    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,.

  7. maragold
    Member
    Posted 3 years ago #

    Thank you so much for explaining this.

    Best!

Topic Closed

This topic has been closed to new replies.

About this Topic