widget right sidebar font size

  • Anonymous

    #9214

    Hello

    Im building a webpage here:

    rikkekure.dk

    Im trying to reduce the font size of the sidebar widget titles to 16 (is 18)

    In the css code there is nothing called widget, so i looked for sidebar and found this piece of code: and as you can see I already change the font size to 16, but it just doesn’t happened. Its still 18 px. What to do ?

    .sidebar h3 {
    background: url(images/bg-sidebar-h3.png) left bottom repeat-x #3C9CD2;
    background: -moz-linear-gradient(#3C9CD2, #1F6EB6);
    background: -webkit-linear-gradient(#3C9CD2, #1F6EB6);
    background: -o-linear-gradient(#3C9CD2, #1F6EB6);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3C9CD2', EndColorStr='#1F6EB6')";
    background: linear-gradient(#3C9CD2, #1F6EB6);
    border-bottom: 1px solid #195392;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
    *display: inline;
    font: 16px/16px arial, sans-serif;
    margin: -15px 0 5px -12px;
    padding: 7px 12px;
    text-shadow: 0 -1px 0 #333;
    width: 100%;
    zoom: 1

    Sharon

    #43019

    Hi there Jakob251,

    Just had a look at your site and sidebar h3 {font: 16px/16px arial,sans-serif;} is in effect. It could possibly be that the cache just needed clearing.

    BTW, are you using a Child Theme to make changes to the CSS?

    Regards,

    Sharon 🙂

    Mod

    Kenneth John Odle

    #43020

    Put code in between backtick (

    Code:
    `

    ) characters. It’s usually located above the Tab key on your keyboard.

    Additionally, this line could be problematic:

    *display: inline;

    To comment out that line:

    /*display: inline; */

    To apply that style to everything:

    *{ display: inline;}

    Additionally, you are specifying the background twice. Once here:

    background: url(images/bg-sidebar-h3.png) left bottom repeat-x #3C9CD2;

    and again here:

    background: linear-gradient(#3C9CD2, #1F6EB6);

    Only the second one will be applied.

    Quote:
    In the css code there is nothing called widget, so i looked for sidebar and found this piece of code:

    Sharon is quite right: only use the theme’s “custom css” function or a child theme to make changes. Do not edit theme files directly.

    Use Firebug for Firefox. That will show you which elements you are trying to target and save trawling through the stylesheet. Josh has a good tutorial here: http://www.joshlobe.com/2011/10/using-mozilla-firebug-to-inspect-css-files/

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!