WordPress.org

Support

Support » Themes and Templates » Lobster » [Resolved] Change star to image

[Resolved] Change star to image

Viewing 8 replies - 1 through 8 (of 8 total)
  • Theme Author ruphel

    @ruphel

    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! 🙂

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

    Theme Author ruphel

    @ruphel

    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!

    Theme Author ruphel

    @ruphel

    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.

    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!)

    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.

    Moderator Andrew Nevins

    @anevins

    Forum moderator

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

    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!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] Change star to image’ is closed to new replies.
Skip to toolbar