• Resolved anandrao50

    (@anandrao50)


    Hi
    Would anybody help me with Changing text widget font size in footer. I am referring to the address and email below site name in footer_one.

    I tried

    #footer_one {
    font-size: 14px;
    }

    and then again

    footer#footer       {
    font-size: 14px;
    }

    Both do not work.

    Thanks

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • Try this CSS

    #footer_one h4 {
    	font-size: 14px;
    }
    
    #footer_one p {
    	font-size: 14px;
    }

    Thanks.

    I have having the same problem – for years!

    The things @anandrao50 tried failed me too. So does

    #footer_one p {
    	font-size: 14px;

    or

    footer_one p {
    	font-size: 14px;

    This has long worked for me and before 2015 font size worked in here. I am using Pro but don’t have anything in Font Customizer that changes size. I can’t get anything to stop my footer font from being tiny.

    footer#footer {
    background-color: #008881;
    text-align: left;
    }	
    /* FOOTER LINK color*/
    footer#footer a {
    color: #f2edd5; 
    } 
    Thread Starter anandrao50

    (@anandrao50)

    Hi @rajanit2000

    Your CSS code did not work.

    Thanks

    The class is “textwidget” …
    So I would first try it with

    p.textwidget { … }

    and see what happens. May be it has to be differentiated more, to have it work only with the first block in the footer.

    • This reply was modified 6 years, 8 months ago by rengeiw.
    Thread Starter anandrao50

    (@anandrao50)

    p.textwidget { font-size: 14px;}

    does not work ??

    Thanks anyway @rengeiw

    So try
    footer#footer p
    or something like this. I am not really sure about the syntax, for me it’s allways a bit of trial and error … ;o)

    Screenshot FF-Explorer: https://imgur.com/a/vKgk2
    for color red and 18px size.

    • This reply was modified 6 years, 8 months ago by rengeiw.
    • This reply was modified 6 years, 8 months ago by rengeiw.
    • This reply was modified 6 years, 8 months ago by rengeiw.

    Or try again the suggestion of Rajan V, but change the syntax to

    p#footer_one

    This should work too, I think.

    • This reply was modified 6 years, 8 months ago by rengeiw.

    Try this CSS

    
    #footer_one p {
    	font-size: 14px
    }
    

    or

    
    #footer_one a {
    	font-size: 14px
    }
    

    I’d already tried
    #footer_one p and it hadn’t helped.

    I just looked in the Customizr and as I have this:
    footer#footer .footer-widgets h3.widget-title

    I tried this and it didn’t work:
    footer#footer .footer-widgets

    So I tried this and it works:

    footer#footer .footer-widgets p {
    font-size: 16px;	
    color: purple;
    }
    footer#footer .footer-widgets a {
    font-size: 16px;	
    color: #f2edd5;
    }

    NOTE: without doing the a, the links won’t match in size.

    @anandrao50 if that works for you too, you can mark this as closed. Can’t wait to hear!

    Amending my own post.

    I don’t know why, but what I posted above stopped working. That is, I couldn’t get my text and link text to match sizes, something that’s been a problem for years. I’d thought it was a plugin issue but that plugin was long ago removed.

    So here is what does work for me.
    I realize I have redundancy but taking one away makes link size differ.

    footer#footer {
    background-color: #008881;
    text-align: left;
    	font-size: .95em;
    }	
    /* FOOTER LINK color worked but not font size  */
    footer#footer a {
    color: #f2edd5;
    font-size: .95em;
    } 
    footer#footer .footer-widgets p {
    font-size: .95em;	
    }
    /*footer#footer .footer-widgets a wssn't necessary after all */
    Thread Starter anandrao50

    (@anandrao50)

    @debshadovitz thank you so much.
    It worked!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Change text widget font size in footer’ is closed to new replies.