Wordpress Themes - WP Forum at BFA - Varying the stylings for each sidebar

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)

- - Varying the stylings for each sidebar (http://forum.bytesforall.com/showthread.php?t=16706)

wallyman0

Feb 7, 2012 02:04 PM

Varying the stylings for each sidebar

My site is www.njdecksandrailings.com... I am trying to style the links in the right inner sidebar differently from those in the right sidebar.....but the widget link styling seems to be in control.
where/how/best way to style the links in the right inner sidebar? have tried looking at the css and my brain cannot make heads or tails of it. thanks

lmilesw

Feb 7, 2012 02:21 PM

You can use #right-inner at the start of your CSS, use the selector for the widgets themselves or perhaps a combination of both. You may have to add !important to the CSS in some cases. An example is if you wanted the links red in the right inner sidebar with a hover color of black the code could be.

HTML Code:

#text-3 a {

    color: red;

}

#text-3 a:hover {

    color: black;

}

Of course you could supply the hex codes for the colors of your choice.
If you want to target all widgets in the right inner sidebar you could use something like the following

HTML Code:

#right-inner a {

    color: red;

}

#right-inner a:hover {

    color: black;

}

I used Firebug in Firefox to determine the selectors. Also all the code would go in the CSS Inserts box.

wallyman0

Feb 7, 2012 02:30 PM

thank you! didn't know about firebug in firefox to find selectors (thats really where i was stuck i think). is there such a plugin for chrome?

lmilesw

Feb 7, 2012 02:50 PM

There is a Firebug light for Chrome which is a bit lacking but the developer of Firebug is now working for Google so I suspect to see some interesting additions to Chrome in the future.

You can also hit Ctrl+Shift+I to bring up the native developer tools.

redacter

Mar 9, 2012 03:32 PM

Since we're on the subject of styling... I have a simple yet perplexing problem. I want to take out the 1-point line that appears under the headline on posts on my site, www.theimproper.com.

Here's an example.

http://www.theimproper.com/36266/mad...ild-clip-watch

I want the page to look like this:

http://www.celebrityhealthfitness.co...lack-swan-diet

I know the coding is "border-bottom" but I can't for the life of me find where it's located in the theme css.

It's a small thing, but sometimes they are the most annoying. Your help would be greatly appreciated.

lmilesw

Mar 9, 2012 04:09 PM

Check in the Style Posts & Pages section of the theme options and see if you have a border bottom declaration in any of the title boxes. You could "force" the no border by setting
border:none on .post-headline h1
The code would go in the CSS Inserts box in the theme options.

All times are GMT -6. The time now is 11:58 PM.