WordPress.org

Ready to get started?Download WordPress

Forums

Lobster
[resolved] Change star to image (9 posts)

  1. benjduff
    Member
    Posted 8 months ago #

    Hello I'd like to change the star in the headline and header to my logo? What's the best way to do this? thanks in advance!

    http://www.cornerpieces.org

  2. ruphel
    Member
    Theme Author

    Posted 8 months ago #

    Benjduff

    How to change the star is explained in the readme.txt the theme root.

    To change the Star / Jumbo Icon (icon-star-empty) to any one of Font Awesome's 361 different options go to:

    ....your/path/to/wp-content/themes/lobster/inc/theme-options.php

    on line: 39 you'll see ->
    '<i class="jumbo-icon icon-star-empty"></i>'

    Simply change the 'icon-star-empty' to any other icon supported by font-awesome. Below is a link to their range of icons.

    Font Awesome

    Example: If you want to replace the icon-star-empty with the Globe icon - 'icon-globe', then you would change line 39 of your lobster/inc/theme-options.php as below:

    <i class="jumbo-icon icon-globe"></i>

    You could also just delete line 39 to get rid of the icon altogether - it's all up to you! :)

  3. benjduff
    Member
    Posted 8 months ago #

    thanks. is there a way to replace the text logo in the menu with an image logo? thank you again

  4. ruphel
    Member
    Theme Author

    Posted 8 months ago #

    Benjduff

    That's the site-tile
    On line 48 of header.php:

    Change:
    <a id="site-title" class="navbar-brand" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home" class="navbar-brand"><?php bloginfo( 'name' ); ?></a>

    to:

    <a id="site-title" class="navbar-brand" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home" class="navbar-brand"><img src="http://yoursite.com/path/to/image" alt="Name of Picture"></a>

    You'll be very restricted in the size of image, unless to want to redesign the menu!

  5. ruphel
    Member
    Theme Author

    Posted 8 months ago #

    Benjduff

    If your developing the theme as a parent theme, remember not to update theme and change the name, author, version etc of your theme in order to not have an update destroy your changes!

    Ruairi.

  6. Tadi
    Member
    Posted 7 months ago #

    Hello!

    You said: "You'll be very restricted in the size of image, unless to want to redesign the menu!"

    Can you please explain how to redesign the menu in a way that it can show bigger images?

    Thanks in advance! (btw: a great theme!)

  7. Tadi
    Member
    Posted 7 months ago #

    To make myself more clear: I would like to insert bigger Header image in Custom header. When i do this it shows only a part of a big image.

  8. Andrew
    Forum Moderator
    Posted 7 months ago #

    @Tadi, could you create a new thread with a link to the page you're referring to: http://wordpress.org/support/theme/lobster#postform ?

  9. Tadi
    Member
    Posted 7 months ago #

    Somehow i managed to find a solution. :)

    In the style.css (child theme) i changed this part
    .lead{margin-bottom:20px;font-size:16.099999999999998px;font-weight:200;line-height:1.4}

    specifically i increased margin-bottom value (for example from 20px to 200px). I guess there is a more elegant solution but hey, it works!

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.