Footer and widget colors

  • Author
    Posts
  • #2839608

    alepaumermkt
    Member

    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.

    #2839679

    eallas
    Staff

    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;
    }

    #2839683

    alepaumermkt
    Member

    I leave it for you to see it, the same happens, it stays in orange the widget

    #2839730

    alepaumermkt
    Member

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

    #2839732

    eallas
    Staff

    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!

    #2839733

    alepaumermkt
    Member

    Perfect!
    You are a genius!

    #2839734

    eallas
    Staff

    Thanks, you’re too kind! Let me know if you need anything else!

    #2839737

    alepaumermkt
    Member

    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

    #2839776

    eallas
    Staff

    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!

    #2839777

    alepaumermkt
    Member

    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?

    #2839778

    eallas
    Staff

    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;
    }

    #2839779

    alepaumermkt
    Member

    Works perfect!!!!

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

    #2839780

    eallas
    Staff

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

    /*Home Caption Body*/
    .home .wp-caption .wp-caption-text {
        font-size: 1em !important;
    }
    #2839781

    alepaumermkt
    Member

    Dont apologize, are you crazy? You dont realize how grateful I am with you.

    works perfect the new CSS

    #2839786

    alepaumermkt
    Member

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

    What can i do?

    #2839792

    alepaumermkt
    Member

    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.

    #2839793

    eallas
    Staff

    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;
    }
    #2839794

    alepaumermkt
    Member

    Wow, perfect!
    Thank you!

    #2839795

    eallas
    Staff

    You’re very welcome! Glad to hear!

The topic ‘Footer and widget colors’ is closed to new replies.