Need help? Check out our Support site, then


Footer and widget colors

  1. 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 elclubdelmareo.com.

  2. 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;
    }
  3. I leave it for you to see it, the same happens, it stays in orange the widget

  4. There was an extra f. Now, is working good!
    Can widget titles be changed too?
    Thank you!

  5. 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!

  6. Perfect!
    You are a genius!

  7. Thanks, you're too kind! Let me know if you need anything else!

  8. 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

  9. 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!

  10. 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 , etc

    is bigger size and differet font

    Can I chage that for the same font and size?

  11. 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;
    }
  12. Works perfect!!!!

    And the first one? Lucrecia Lopez, but the letters below?
    "Neuróloga, especialista en trastornos de equilibrio, neuro-otología"

  13. My apologies, I seem to have missed that. Here you go!

    /*Home Caption Body*/
    .home .wp-caption .wp-caption-text {
        font-size: 1em !important;
    }
  14. Dont apologize, are you crazy? You dont realize how grateful I am with you.

    works perfect the new CSS

  15. Hi again,
    From a netbook look bad footer widgets.
    https://drive.google.com/open?id=0B--9TYRPKSByYWxSdEptTjVOOWs

    What can i do?

  16. 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.

  17. Howdy! Thanks for your patience!

    Hi again,
    From a netbook look bad footer widgets.
    https://drive.google.com/open?id=0B--9TYRPKSByYWxSdEptTjVOOWs

    What 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;
    }
  18. Wow, perfect!
    Thank you!

  19. You're very welcome! Glad to hear!

Topic Closed

This topic has been closed to new replies.

About this Topic