• 0
Sign in to follow this  
Followers 0

Square Logo

Question

Posted · Report post

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

12 answers to this question

  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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).

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

That would make it easier for us since we'd be able to take a closer look at it.

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  
Followers 0