Advice please – how do I increase site name text size?

  • Hi – I want to change the site name title text size in the Silver Spot theme by Clashmedia. I’m referring to the main site name that appears at the top of every page. I think the current size is 30px but I would like it to be larger, maybe 42px. I would be really grateful if someone could suggest how I can make this change as I have only minimal coding experience and I don’t want to mess anything up. Below is a header code snippet from the theme’s style.css stylesheet. I assume this is where I need to make the change. Hopefully it’s just a case of increasing the figure in the line of code (font-size: 30px;) If so, do I also need to increase the line-height and width elements of the code? Also, I would like to be able to change the color of the site title using a hex code but, again I’m not totally sure where this should be changed in the code below – I assume is should be the code currently showing color: #000;. Any advice would be appreciated.

    /* =Header
    ————————————————————– */

    #header {
    padding: 30px 0 0 0;
    }
    #site-title {
    float: left;
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 9px 0;
    width: 550px;
    }
    #site-title a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    }
    #site-description {
    font-style: italic;
    margin: 15px 0 18px 0;
    width: 550px;
    }
    #topwidget {
    float: right;
    padding: 5px;
    width: 330px;
    min-height: 50px;
    text-align: right;
    }
    #header-image {
    clear: both;
    color: white;
    position: relative;
    height: 198px;
    }
    /* Site Description */
    #header-image div {
    margin: 10px 0 0 10px;
    color: white;
    font-size: 14px;
    display: inline-block;
    z-index: 10;
    position: absolute;
    }

    /* This is the custom header image */
    #header-image img {
    display: block;
    float: left;
    position: absolute;
    z-index: 1;
    }

Viewing 2 replies - 1 through 2 (of 2 total)

  • are you familiar with firebug https://getfirebug.com?

    That allows you to make live edits in the browser and check them out. Then it is suggested you create a child theme so that you can make the change and not have it dismissed when the theme is updated.

    Because you may already have a child theme, we can’t tell just from the code you’ve listed whether something else is overriding it. So please post a url if the above information isn’t clear.

    Thread Starter Bondoc

    (@bondoc)

    Thanks for the advice – I appreciate it and will check out firebug as you suggest.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Advice please – how do I increase site name text size?’ is closed to new replies.