Topic Closed
andrew
14 Posts

The bootswatch themes meet all of my needs except for one-- using a graphic logo at the top left hand of the navbar, albeit a small one.  I guess maybe the reason it isn't done is the mobile first nature of the theme, which I understand, but its a really tiny PNG of an olive branch...

So if I have a bootswatch theme set up as I want otherwise, where should I "hack" around to get a PNG up there?

6 years ago#6987

Eric
193 Posts
1.4K Downloads
1 Themes

Try something like this in your CSS if you want to keep the text and add an image next to it:

a.navbar-brand {
  display: block;
  background: url(images/olive-branch.png) no-repeat;     //link to image relative to style sheet
  padding-left: 100px;      //width of image
}

Try something like this in your CSS if you want to hide the text and replace it with an image:

a.navbar-brand {
  display: block;
  width: 150px;     //width for your image
  height: 0px; 
  overflow: hidden;      // text is hidden
  background: url(images/olive-branch.png) no-repeat;     //link to image relative to style sheet
  padding: 50px 0 0 0;      //top margin is height of image
}

 

 

6 years ago#6989

Topic Closed

 

News

Typesetter 5.1
8/12/2017

Typesetter 5.0.1 is now available for download. 5.1 includes bug fixes, UI/UX improvements, ... Read More

Over 8 Times Faster Than Wordpress
5/3/2016

We've known for a long time that Typesetter is fast. It's something we take pride ... Read More

More News

creisi productions

Dienstleistungen von creisi productions, Luzern (Schweiz): * Konzeption, Planung und Erstellung Ihres Internet-Auftritts * Betreuung und Aktualisierung/Pflege Ihrer Website * ...

Find out more about our Provider Spotlight

Log In

  Register