How can I change the font-weigt in h3 headers

kd2015 · January 2016

Hi,
I`m using the blue color template and have been working at the style.css for this color. I managed to change the color for h3 but I would like to change it to the font-weigt: bold too. What am I doing wrong?

Code sample:
/* Headings font */

}
        h3, h3 a, h3 a { font-weight: bold; }
        h1, h1 a, h1 a:hover, .text-logo #logo { color: #444444; }
        h2, h2 a, h2 a:hover { color: #444444; }
        h3, h3 a, h3 a:hover { color: #D62400; }
        h4, h4 a, h4 a:hover { color: #444444; }
        h5, h5 a, h5 a:hover { color: #444444; }
        h6, h6 a, h6 a:hover,
        a.content_link .title { color: #444444; }

Albert · January 2016

Hi,

if you want to change it's weight, you supposed to use the following css:

h3, h3 a { font-weight: bold !important; }

kd2015 · January 2016

I tried but it didn´t work out. I inserted it in skin blue style.css. Is it the wrong css?

/* Headings font */

}

        h3, h3 a { font-weight: bold !important; }
        h1, h1 a, h1 a:hover, .text-logo #logo { color: #444444; }
        h2, h2 a, h2 a:hover { color: #444444; }
        h3, h3 a, h3 a:hover { color: #D62400; }
        h4, h4 a, h4 a:hover { color: #444444; }
        h5, h5 a, h5 a:hover { color: #444444; }
        h6, h6 a, h6 a:hover,
        a.content_link .title { color: #444444; }

kd2015 · January 2016

Problem seems to be solved. I moved the css to the end of the block. Why it is working now, I don´t know.

h1, h1 a, h1 a:hover, .text-logo #logo { color: #444444; }
        h2, h2 a, h2 a:hover { color: #444444; }
        h3, h3 a, h3 a:hover { color: #D62400; }
        h4, h4 a, h4 a:hover { color: #444444; }
        h5, h5 a, h5 a:hover { color: #444444; }
        h6, h6 a, h6 a:hover,
        a.content_link .title { color: #444444; }
        h3 {font-weight:500 !important}

Albert · January 2016

This is the wrong place. Each css should be under Theme options > Custom CSS & JS > Custom CSS section. We are glad to hear that you sorted it

How can I change the font-weigt in h3 headers

Comments