Jump to content

Archived

This topic is now archived and is closed to further replies.

Helmi

Fixed Navbar: Replace Logo img with Text Logo

Recommended Posts

Helmi

Hi,

 

i'm rather new to Pagelines DMS so please bear with me. I've already searched the docs and the forums but couldn't find anything that helps me. I'd like to replace the Logo Image in the fixed navbar with a Text Logo consisting of two elements (an icon font logo symbol + name next to it) and don't know how to achieve this. Can you help?

 

Also i'd like to change some css of the navbar - i guess this is only possible with the custom css, right?

Share this post


Link to post
Share on other sites
Aires

Hi,

if you would like a logo like you described you are going to have to create one and upload it in the logo section. Settings >>Navbar on the front end. If you dont have photodhop you can  always use Gimp or Paint.net.As for the navbar color there are some default options to choose from in the same window as described above.

 

The CSS for it would be 

 

.navbar.pl-color-black-trans {
background: #XXXXXX;
border-top: 1px solid rgba(0,0,0,0.9);
}
 
Remember to change the XXXXXX to t he correct color code
 
Hope this helps

ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
Helmi

Hi Aires and thank for replying,

 

maybe i just need to be more precise - i want a pure text + font-icon (technically text too) as a logo, not an image. So creating an image from the icon and the text isn't an option.

Share this post


Link to post
Share on other sites
Simon

Pretty easy to do in js.

 

If you remove the image from the navbar DMS will use the WordPress site title. Now just use a js snipper to prepend the title.

 

https://gist.github.com/Pross/7842934

Share this post


Link to post
Share on other sites

×