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
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!
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.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
@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!
