WordPress.org

Ready to get started?Download WordPress

Forums

changing widget font size? (7 posts)

  1. harris411
    Member
    Posted 5 years ago #

    Hi, iam having a problem changing my widget font title size on the dropshadow theme. Iam not sure as to why it wont change as im relatively new to wordpress.

    Here's the css, ive already altered it but the title font wont change. If anybody has any ideas i would greatly appreciate it, if not then no worries!

    Right Sidebar *
    ************************************************/

    #r_sidebar {
    color: #FFFFFF;
    float: right;
    font-size: 11px;
    width: 250px;
    margin: 0px;
    padding: 0px 0px 20px 0px;
    }

    #r_sidebar {
    background: #444444;
    color: #FFFFFF;
    font-size: 11px;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight: bold;
    padding: 10px 0px 10px 10px;
    margin: 10px 0px 0px 0px;
    text-transform: uppercase;
    }

    #r_sidebar {
    background: #444444;
    color: #FFFFFF;
    font-size: 11px;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight: bold;
    padding: 10px 0px 10px 10px;
    margin: 20px 0px 0px 0px;
    text-transform: uppercase;
    }

    #r_sidebar ul {
    list-style: 12px;
    font-size: 12px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    }

    #r_sidebar ul li {
    display: inline;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    }

    #r_sidebar ul li a {
    background: #444444;
    display: block;
    color: #FFFFFF;
    font-size: 1empx;
    text-decoration: none;
    margin: 0px;
    padding: 5px 10px 5px 10px;
    border-top: 1px solid #C0C0C0;
    }

    #r_sidebar ul li a:hover {
    background: #027CEE;
    color: #FFFFFF;
    font-size: 1em;
    }

    #r_sidebar p {
    background: #444444;
    font-size: 1em;
    padding: 0px 10px 10px 10px;
    margin: 0px;
    line-height: 6px;
    }

    .search {
    background: #444444;
    margin: 0px 0px 5px 0px;
    padding: 0px 10px 10px 10px;
    }

    /************************************************
    * Footer Background *
    ************************************************/

  2. stvwlf
    Member
    Posted 5 years ago #

    It will be much easier to help you if you post a URL and include the specific sidebar text you are trying to change the size of.

  3. harris411
    Member
    Posted 5 years ago #

    motorbikejacket.org.uk is the url

    Right Sidebar *
    ************************************************/

    #r_sidebar {
    color: #FFFFFF;
    float: right;
    width: 250px;
    margin: 0px;
    padding: 0px 0px 20px 0px;
    }

    #r_sidebar h2 {
    background: #444444;
    color: #FFFFFF;
    font-size: 11px;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight: bold;
    padding: 10px 0px 10px 10px;
    margin: 10px 0px 0px 0px;
    text-transform: uppercase;
    }

    this is the origional css but if i take the h2 tags off i just can not for the life of me change the font size so i've just left it for the moment. Going to have to learn php and css i think!

  4. stvwlf
    Member
    Posted 5 years ago #

    Hi

    To change the h2 title styling in the sidebar - style.css (line 247)

    #r_sidebar h2 {
    background:#444444 none repeat scroll 0 0;
    color:#FFFFFF;
    font-family:Verdana,Helvetica,Sans-Serif;
    font-size:11px;
    font-weight:bold;
    margin:10px 0 0;
    padding:10px 0 10px 10px;
    text-transform:uppercase;
    }

    change the font size - I changed it to 12 & it worked fine

  5. harris411
    Member
    Posted 5 years ago #

    Thanks for the advice, i can change it with the h2 tags on but i dont want them as its detrimental for seo. I want to be able to alter the font size without the h2 tags which does not seem to be possible. Do you have any ideas how to do this?

  6. stvwlf
    Member
    Posted 5 years ago #

    Do you have access to change the h2 tags to something else? If so, change them to whatever you want <p>, <h5>, whatever and apply the styling you currently have as h2 to the tag you change them to. If you user <p> assign a class with it and add that class to the changed styling in the stylesheet. for example change the h2 to

    <p class="sidebar-title">Header Here</p>
    
    #r_sidebar p.sidebar-title {
    background:#444444 none repeat scroll 0 0;
    color:#FFFFFF;
    font-family:Verdana,Helvetica,Sans-Serif;
    font-size:11px;
    font-weight:bold;
    margin:10px 0 0;
    padding:10px 0 10px 10px;
    text-transform:uppercase;
    }
  7. pambristow
    Member
    Posted 5 years ago #

    I am having a similar issue... trying to change text widget font size (not the title but the widget text) in the typograph theme. Here is the current CSS code. I have no idea how to do it and I'm going nuts!!! Any help would be a lifesaver...
    `
    /* Two Column Sidebar */

    #barLeft {
    width: 375px;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
    }

    #barRight {
    width: 15px;
    float: right;
    margin-right: 10px;
    margin-top: 15px;
    }

    #sidebar h3 {
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #999999;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #999999;
    width: 95%;
    padding-bottom: 4px;
    margin-bottom: 0px;
    padding-top: 8px;
    }

    .sidebar input#s {
    width:7em;

    }

    #sidebar ul {
    font-family: Arial, Helvetica, sans-serif;
    }

    #sidebar li {
    list-style: none;
    margin: 0 0 10px 0;
    }

    #sidebar li form {
    margin:0.2em 0 0;
    padding:0;
    }

    #sidebar ul ul {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    list-style-type: none;
    }
    #sidebar ul ul li {
    padding: 7px 5px 7px 6px;
    list-style: none;
    margin-bottom: 0px;
    font-size: 0.8em;
    width: 175px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    }
    #sidebar ul ul li:hover {
    background-color: #EEEEEE;
    color: #666666;
    }

    #sidebar ul ul li p {
    font-size: 0.7em;
    color: #CCCCCC;
    padding-top: 5px;
    }

    #sidebar ul ul li a {
    color: #C0C0C0;
    }
    #sidebar ul ul li a:hover {
    color: #990000;
    text-decoration: none;
    }

    #sidebar ul ul li:last-child {
    border-style: none;
    }

    #sidebar ul ul ul {
    margin:0 0 0 0.8em;
    }

    #sidebar ul ul ul li {
    }

Topic Closed

This topic has been closed to new replies.

About this Topic