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.5K 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

elFinder 2.1.50 in Upcoming Release
12/28/2019

A new release for Typesetter is in the works with a lot of improvements including the ... Read More

Typesetter 5.1
8/12/2017

Typesetter 5.1 is now available for download. 5.1 includes bug fixes, UI/UX improvements, ... 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