Jump to content
Sign in to follow this  
gcmprior

Center Universal Side Bar

Recommended Posts

gcmprior    0
gcmprior

I put a Universal sidebar under my branding on BBQNewsroom.com I want the search feild to be centered underneath the logo. How would I go about doing this?

Share this post


Link to post
Share on other sites
catrina    103
catrina

You can center it using Custom CSS: www.pagelines.com/wiki/Custom_CSS. Use the selector for the universal sidebar and use this CSS attribute in the code:

text-align: center;[/CODE]


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

What is the selector for it. Firebug won't work.

Share this post


Link to post
Share on other sites
catrina    103
catrina

It should be something like: ul#list_sb_fullwidth

If you can't inspect it using Firebug, you can view the source and find the sidebar selector in the header DIV.


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

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  

  • Similar Content

    • JawDesigns
      By JawDesigns
      Hi to all,
      I always have this problem and I'm unhappy with the fix I usually apply for aligning columns at the bottom (see attached).
      For example: I use two text boxes side by side. Both text columns have a background colour. Text column 1 has 200 words and text column 2 has 300 words.
      How do I easily get them to align at the bottom without using a min-height declaration? I want to get text column 1 with 200 words to fit the height of text column 2 if that makes sense?
      Thanks for any help on this!
      Cheers,
      James

    • Jeremiah
      By Jeremiah+
      Does anyone know the custom css to align the menu navigation links to the center? 
    • rijans
      By rijans
      Seems like Google custom search bar design getting broken after I putting it on my site. I didn't happen when I was on another theme.
       
      # Heres the public url to the search bar & how it originally looks like: https://www.google.com/cse/publicurl?cx=012834315757974292317:cg3gsjzb-xi
       
      # Here's how its design collapses after I put it in DMS media box : http://screencast.com/t/pAKlUcVB2 | Example url: http://www.techgainer.com/?q=chrome
       
      If you wonder what's the code is, here's the code:
      <script>   (function() {     var cx = '012834315757974292317:cg3gsjzb-xi';     var gcse = document.createElement('script');     gcse.type = 'text/javascript';     gcse.async = true;     gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +         '//www.google.com/cse/cse.js?cx=' + cx;     var s = document.getElementsByTagName('script')[0];     s.parentNode.insertBefore(gcse, s);   })(); </script> <gcse:searchbox></gcse:searchbox> This issue occurred even when I used it on DMS 1 
    • kwp4petar
      By kwp4petar
      Dear Support forums,

      I'm trying to vertically center a Quick Slider so that when someone with a huge monitor loads the page, the quick slider moves to the center of the screen (as I want to avoid resizing unless you guys have a way to resize a QuickSlider to fit the width of the person's screen, rather than the height).

      Here's what my landing page looks like on my laptop (15" screen):



      And here is a photo of the landing page (different slide, but same quick slider) on a 32" iMac fullscreen:

      I'm open to any suggestions, especially any resizing ones since I can't seem to get sizing done well with dms2.

      Thanks,

      Peter
×