Jump to content


Photo
- - - - -

Right Rail Widget Styling

widget css

  • Please log in to reply
3 replies to this topic

#1 mindfulbaby

mindfulbaby

    Member

  • Members
  • 23 posts

Posted 20 December 2012 - 10:13 PM

Hi there,

 

I'm trying to modify the styles of the right rail widget and have found the attributes in Firebug, but am unable to find the selector (#)

 

Here are the attributes I am trying to modify to make the heading bigger, remove the extra padding, add a slight grey background, and a thing rounded border. 

 

.widget .widget-title {
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 0.6em;
    padding: 3px 8px 3px 0;
    text-align: left;

 

When I add a value to change the size of the heading or the color and add to the Custom CSS code, the changes are not reflected upon save.

 

The relevant URL is:

Please Login or Register to see this Hidden Content

 

Thanks

 

 

 



#2 batman

batman

    Bat Learning

  • Members

  • 2159 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 20 December 2012 - 10:39 PM

HI

In my firebug this work fine, I try with

 

 

Please Login or Register to see this Hidden Content

You see this

Captura%2520de%2520pantalla%25202012-12-

 

To verify, please you donĀ“t forget the final "}" and clean de cache after the change.
;)


#3 mindfulbaby

mindfulbaby

    Member

  • Members
  • 23 posts

Posted 30 December 2012 - 03:34 PM

Thanks for replying - isn't the selector supposed to start with a #? That's what I'm looking for because as is the .widget revision (with cache clearing) is not working. 

 

Thanks, Kristin



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 30 December 2012 - 10:59 PM

The # isn't a prefix for all elements.  For example, you can uses it for #boxes, but if you want the image in a box, it's .fbox.  If you're writing code for the body, it's just body, with no prefix.

 

This site might help you improve your understanding of styling elements:

Please Login or Register to see this Hidden Content







Also tagged with one or more of these keywords: widget, css