Return to Support

widget right sidebar font size

Home Forums Graphene WordPress theme Support widget right sidebar font size

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #9214
    Anonymous

    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

    #43019
    Sharon
    Member

    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 🙂

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