how to add header/logo into cordobo green park 2

  • Resolved stacey717

    (@stacey717)


    15 years, 7 months ago

    How do i replace the html text in the header of the template Cordobo Green Park 2 with my own logo or header graphic?

    Thanks in advance for any help and assistance.

Viewing 10 replies - 1 through 10 (of 10 total)

  • Site url?

    Thread Starter stacey717

    (@stacey717)

    https://lowcarbgal.com

    working on layout, still figuring out what i want to do with the side nav – so that’s changing. Just trying to figure out how I can replace the header HTML text with a graphic image.

    It’s not going to be easy using that theme.

    What you could try to do is create an image no more than 550px wide and 75px high (call it header.jpg) and upload that to wp-content/themes/cordobo-green-park-2/images.

    Then edit style.css and add:

    #header {url(images/header.jpg) no-rpeat left top;}
#logo, .description {position:absolute;top:-5000px;left:-5000px;}
    Thread Starter stacey717

    (@stacey717)

    Thanks Esmi

    I’ll try that out and possibly switch themes if needed. Thanks for your help.

    @stacey717

    please check the readme.txt file delivered with the theme or the “Green Park 2 Settings” in the admin panel of wordpress.

    The theme itself already contains the necessary CSS in style.css to add your own logo and a FAQ to change the logo in the readme.txt

    Thread Starter stacey717

    (@stacey717)

    @cordobo

    Thank you so much, that worked perfectly. I had completely overlooked the Green Park 2 Setting in the admin panel – so thanks again.

    You’re welcome ??

    I can not replay every comment, would you like to fix it?

    Hi,

    Same issue here, but I cannot make it work.

    It says:

    You can easily replace the “text logo” with your image. Open the file “styles.css” in the themes folder

    * Find the text
    Start EXAMPLE CODE for an image logo (line 224)
    * Delete /* before
    #logo, (line 225)
    * Delete */ (line 230) after
    .description (line 229)
    * Find logo.png (line 228) and replace it with the name of your logo.
    * Change the height and width to fit your logo (line 226)
    #logo, #logo a { display: block; height: 19px; width: 87px; }
    * Find the text
    Start EXAMPLE CODE for a text logo (line 234)
    * Add /* before
    #branding (line 235)
    * Add */ (line 239) after
    #logo, .description { color: #868F98; float: left; margin: 17px 0 0 10px; } (line 238)
    * Save your changes and upload the file style.css to your themes folder.

    So I have in my css:

    /* Start EXAMPLE CODE image logo */

logo, #logo a { display: block; height: 50px; width: 306px; }
logo { position: absolute; top: 28px; left: 27px; }
logo a { background: transparent url(img/logo.png) top left no-repeat; text-indent: -9999em; }
.description { color: #868F98; display: block; left: 124px; position: absolute; top: 44px; }

/* End EXAMPLE CODE image logo */

/* Start EXAMPLE CODE text logo */
/*
#branding { display: block; position: absolute; top: 30px; left: 28px; }
h1#logo { font-size: 30px; line-height: 1.2; margin: 0; }
#logo, .description { color: #868F98; float: left; margin: 17px 0 0 10px; }
*/
/* End EXAMPLE CODE text logo */

    Heigh and width are correct and the name of the logo too (placed in /img of the theme folder). But it keeps putting the text logo instead.

    ???!

    Thanks.

    My question is how can you add a logo that is higher then 75px tall?

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘how to add header/logo into cordobo green park 2’ is closed to new replies.