Footer and widget colors
-
Hello everyone,
I would like to change the color of the footer and the widgets that are in the footer.
I put #footer-widgets-bg{background-color:#ffffff;}
But just change the background of the footer, the widgets still orange… how can I do both?
Thank you very much for the time you give me
The blog I need help with is: (visible only to logged in users)
-
Howdy again!
You were on the right track! Just needed a few more selections!
Try this code out:
#footer-widgets { background-color: #fff; } #footer-widgets .widget { background: #ffff; } #footer-widgets .widget ul { background-color: #fff; } -
-
There was an extra f. Now, is working good!
Can widget titles be changed too?
Thank you! -
Oh, I apologize! Thanks for catching it!
As for the widget titles. Are you referring to titles likeBUSCA POR TEMA?
If so, here’s a code to change the background of those:
#footer-widgets .widgettitle { background: #fff; }As before, change the color as you wish. If I referenced the wrong title, please let me know. Enjoy!
-
-
-
I have many details that I do not know how to do them…
For example:
How can I put the same font with the same size in the main sidebar widgets. That is, on the home page, on the right, all widgets, same source.
I mean, Dra. Lucrecia López has a font size on the description below. And Info de contacto has another, a bigger one.
I ask too much?
Thank you very much
-
If I’m understanding the question correctly, you want the widget titles to be the same font size. If so, use this code:
.wf-active .widgettitle { font-size: 1em; }Feel free to play around the with the number. You can use decimals for approximation of size like 1.25 or .75. It was originally set to .63 before I change it. Let me know if this is correct.
Also, I noticed at the bottom widgets, your picture under Community Management was off. This code should help remedy that.
.widget img.avatar-64 { position: relative; bottom: 35px; }It’s never a bad thing to ask too many questions! That’s why we’re here!
-
Thank you!!!!
And how about the font and the size of the letters below each widget
Example:
Neuróloga, especialista en trastornos de equilibrio, neuro-otología has a horrible size and font…And the other widget about the location
Montevideo 1985
Piso 9° 52 , etcis bigger size and differet font
Can I chage that for the same font and size?
-
You can change them; however, they’ll each need their own separate forms because they’re different types of widgets.
Code:
/*Contact Body*/ .contact-form label { font-size: 1em !important; } /*Location Body*/ .widget_contact_info div { font-size: 1em !important; } -
Works perfect!!!!
And the first one? Lucrecia Lopez, but the letters below?
“Neuróloga, especialista en trastornos de equilibrio, neuro-otología” -
My apologies, I seem to have missed that. Here you go!
/*Home Caption Body*/ .home .wp-caption .wp-caption-text { font-size: 1em !important; } -
Dont apologize, are you crazy? You dont realize how grateful I am with you.
works perfect the new CSS
-
Hi again,
From a netbook look bad footer widgets.
https://drive.google.com/open?id=0B–9TYRPKSByYWxSdEptTjVOOWsWhat can i do?
-
And one more thing, how can I put the footer widgets of the same size?
My last widget is smaller and I don’t want to add more information to match it, I just want it the same size as the previous 3.
Thank you, always.
-
Howdy! Thanks for your patience!
Hi again,
From a netbook look bad footer widgets.
https://drive.google.com/open?id=0B–9TYRPKSByYWxSdEptTjVOOWsWhat can i do?
This code should remedy this problem.
.footer-widget-column { width: 25%; }And one more thing, how can I put the footer widgets of the same size?
My last widget is smaller and I don’t want to add more information to match it, I just want it the same size as the previous 3.
The following is a temporary fix. I’ll try and create a better fix tonight.
#gravatar-2 { padding-bottom: 37px; } -
-
- The topic ‘Footer and widget colors’ is closed to new replies.
WordPress.com Forums 