Jump to content
Sign in to follow this  
honeyberk

Square Logo

Recommended Posts

honeyberk+    0
honeyberk

Hi -- I've read all posts here related to square logos -- was going to put logo image in universal sidebar, but can't figure out how to to have nav and other modules (boxes, etc.) NEXT TO the universal sidebar instead of underneath. Can someone pls. help me code either to have the logo in branding or in universal sidebar next to other modules? http://www.drinksoiree.com/ Thx.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi Honey, I have visited your website and I can't seem to find any Universal sidebar on the website you linked. Would it be possible for you to attach a concept image of what you want your site to look like please.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
honeyberk+    0
honeyberk
Hi, Danny -- Thx for looking at the site. I decided after I posted the message that I would use a visual header, not just the logo, so the logo concept (though not final yet) is fine. However -- I have a similar question for the blog page -- how would I change the header for just the blog page. And then how would I use a square logo in the corner and position the first blog post next to it. (Mock-up: http://www.drinksoiree.com/wp-content/uploads/2012/01/test.png) http://www.drinksoiree.com/latest-news/ Thx! h.

Share this post


Link to post
Share on other sites
honeyberk+    0
honeyberk
P.S. -- Could even put the nav in a sidebar under logo for blog page, if would work. Thx.

Share this post


Link to post
Share on other sites
Jenny    33
Jenny
Hmm.. I imagine you could either insert it using a hook or you could use something like the universal sidebar and put your image in it. Add it to the "blog" page in templates, then just style it with CSS to appear to the left (or however you want).

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
honeyberk+    0
honeyberk
I was originally trying to put it in the universal sidebar. It's in there now -- can you pls. help with CSS to position it to the left of nav/other content? Thx.

Share this post


Link to post
Share on other sites
Jenny    33
Jenny
First, you will need to change the setup of your site. If you don't, the universal sidebar location changes as the browser window is re-sized. Visit PageLines -> Settings -> Layout Editor. Select "Static with Pixel Width". Visit PageLines -> Settings -> Color Control. Select "Content Width Page". Then add the following to your custom CSS. This is my best guess on what it should be when using the correct layout. It may need to be tweaked a little when the layout is changed. [code]#header #sb_universal { margin-left: 0; margin-top: 70px; position: absolute; z-index: 28; } #header #sb_universal .content { float: left; width: 185px; height: 200px; } #header #sb_universal .widget-pad, #header #sb_universal .content-pad { padding: 0; }[/code]

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
honeyberk+    0
honeyberk
Jenny -- Thx for the CSS -- the logo is next to the content now, but I assume there needs to be some CSS for the content area to change the left margin so that it doesn't sit under the universal sidebar. Any thoughts? Thx much, h.

Share this post


Link to post
Share on other sites
catrina    103
catrina
This is what your logo looks like right now (from what I see on Firefox for Mac): http://imgur.com/EHVPo Did you want it to be moved to the right slightly?

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
honeyberk+    0
honeyberk
I couldn't make it work with CSS, so changed the header to be full length instead of just a square to the left. Seems like a number of people have asked for a solution to this with no solution... Thx for trying to help.

Share this post


Link to post
Share on other sites
Rob    547
Rob
I'm unsure why you rejected the previous reply if you determined a solution. Placing a square logo should be no different than placing a rectangular one in the header. It should have been relatively easy to add the double line as a background inside the header space, even changing it based on the page. It should also be relatively easy to do the square logo the same way - with CSS selectors for the specific page. The header background and logo could then have been easily centered.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
honeyberk+    0
honeyberk
I rejected it because no one provided me with a solution that worked to keep the universal sidebar to the left and then have content to the right of it. Because there was not solution offered in this thread or in any previous threads I found in the forum I changed the design of the header. I am happy to install on a test domain and try any solution you would like to offer.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×