I am testing the Denver Theme and want to display a logo and the Site Name in the header. Unfortunately, they display aligned vertically. Takes up a lot of screen real estate for the header with the Logo above the site name! I am not seeing an option to have them aligned horizontally. For example, I want the Logo to display on the left and the Site Name just beside it. Any way to do so without editing the theme code?

Comments

colorado’s picture

colorado commented

Thank you for your question seedseller, and for your interest in the Denver Theme!

An option can be added in the theme settings for that if enough people request it, but please understand that there are literally an unlimited number of theme settings that can be added in the theme settings, and everyone has different needs. Aligning the logo and the site name vertically was just a design decision I made when I developed the theme because I thought that doing it this way would be the most acceptable to the most people to use "right out of the box". That is why I incorporated into the Denver Theme the ability to include CSS overrides using inline CSS and external CSS files.

I would welcome input either way regarding this issue from other users of the theme...

There are four ways that you can accomplish what you are requesting:

1) Put the appropriate CSS into the "Inline CSS" option at the bottom of the theme settings page;

2) Put the appropriate CSS into a separate .css file and include it using the "Use CSS File" option at the bottom of the theme settings page;

3) Include the text that you want to appear next to the logo within your logo image;

4) I (or another theme developer) can be hired to implement one of the above methods for you;

I hope this helps...

colorado’s picture

colorado commented
Assigned: Unassigned » colorado
Status: Active » Closed (works as designed)
softtouch’s picture

softtouch commented

First, thanks for this great theme! It is almost perfect for my needs! I wasted a lot of time testing other themes, but most did not fit, had bug, or have been just fixed width (which should not be today anymore, because of so many screen sizes).

Logo and site name takes too much vertical space.
A horizontal alignment would be much appreciated.

An option to set the margin from top for the logo/site name would be nice, because if you set the header hight to 40px, the siten ame and logo are covering the content...

Another option I would like to see is to set the left margin for the whole page.
I mean, we can set the page width to xxx pixel or %, but I want it fluid, with the same left, right, top and bottom margins, independent of the screen size. The percent is close to it, but the left margin is of course smaller on a lower resolution.
If I set it to 98% page width, it looks good at 1680 resolution, but looks like fullscreen on 800x600....
Lets say I set it to 100% and have a margin of 16 pixels, it should have this margin all the time, never mind what screen size.

Before you reply with "css" and so on, I am NOT a php/css programmer...

anthonym’s picture

anthonym commented

I'd like help in adding a horizontal alignment for logo and site name as well. Any tips on how to do this? Can anyone post the proper css snippets to add to the theme configure page? That seems like it would be the easiest approach. (Most other themes seem to display the logo next to the site title/slogan, rather than above. The decision to have this display above thereby taking up lots of vertical space does seem a little unusual.)