CSS Customizations not working Nishita Theme

  • Unknown's avatar
    ashplainandsimple · Member ·

    I have the following customizations in my css:

    .widget-area li ol,
    .widget-area li ul {
    clear: both;
    padding: 10px 0;
    font-size: 110%;
    text-align: center;
    }

    #gravatar-2 p {
    text-align: justify;
    font-size: 105%;
    padding: 15px 0 0;
    }

    However, the changes are not being shown. Any help?

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, the ID for the gravatar widget in your sidebar is gravatar-4. When I changed your selector from #gravatar-2 p to #gravatar-4 p, the text in that widget justified and the padding changed.

    In the first bit of code, switch the order you have the li and ol and li and ul in like this:

    .widget-area ol li, .widget-area ul li

    Can you also tell us what you are trying to accomplish please?

  • Unknown's avatar
    ashplainandsimple · Member ·

    Thank you! For my gravatar, I wanted the text to be justified and for there to be a bit of space under the title of the gravatar and the picture. How did you figure out it should be gravatar-4 instead of gravatar-2?

    For the widget area, I wanted the text centered.

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

    To find out what the gravatar widget ID was, I viewed your source code in my browser and then did a search for “gravatar-“. With the dash ( – ) after the word gravatar, it took me right to it.

  • The topic ‘CSS Customizations not working Nishita Theme’ is closed to new replies.