Change Font size and colours in side bar widget

  • Unknown's avatar

    Hi guys i have zero CSS or coding experience. Its a bit over whelming to be honest. What i am trying to do is the following:
    1. Make my widgets in the sidebar a larger font size as its a bit small for me.

    2. Make the Categories within the category widget be random colours if possible.

    Does anyone know of any sites that provide basic instruction on it? I had a search for it but its doesn’t make any sense for me.

    Cheers

    Chris

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi,

    This forum thread should give you a start about learning CSS.

    https://en.forums.wordpress.com/topic/learning-about-css-1?replies=1

    This is an example CSS to increase font sizes on your sidebar (plus your footer as well). Change the numbers yourself to tweak the sizes:

    #secondary .widget {
    	font-size: 14px;
    }
    
    #secondary .widget h3 {
    	font-size: 16px;
    }
    
    #footer-widgets .widget {
    	font-size: 24px;
    }
    
    #footer-widgets .widget h3 {
    	font-size: 20px;
    }

    Explanation:

    1. #secondary .widget : For general sidebar widget texts
    2. #secondary .widget h3 : For sidebar widget titles
    3. #footer-widgets .widget : For general footer widget texts
    4. #footer-widgets .widget h3 : For general footer widget texts

    Lastly, I don’t think it’s possible to use CSS to generate random colors.

  • The topic ‘Change Font size and colours in side bar widget’ is closed to new replies.