Black Friday Sale! Get up to $40 off GP Premium!Learn more

[Resolved] Sidebar Widgets Appearance

Home Forums Support Sidebar Widgets Appearance

Viewing 15 posts - 1 through 15 (of 26 total)
  • Author
    Posts
  • #482054
    Janine

    Hi, guys!

    How can I place a horizontal rule between each widget that it the container width of the sidebar?

    How can center the title of my sidebar widgets?

    How can I then center the contents of the widget? For example, let’s take the category width: I would like to center the word Categories and then also center the various categories listed below it.

    Thank you!

    GP Premium 1.5.6
    #482117
    Leo
    Staff
    Customer Support

    Hi there,

    Try this for bottom border:

    .sidebar .widget {
        border-bottom: 2px solid #000;
    }

    This should centers everything in right sidebar:

    .inside-right-sidebar {
        text-align: center;
    }

    If this doesn’t work, can you please unlock your site?

    Thanks!

    #482338
    Janine

    Thank you, Leo. This worked for me.

    #482353
    Janine

    Hi, guys!

    Is there a way that I can make the borders of the Search widget rounded? Thank you!

    #482668
    Leo
    Staff
    Customer Support

    Try this:

    .widget-area input[type="search"] {
        border-radius: 5px;
    }
    #482679
    Janine

    Thank you, Leo. It worked and looks just lovely.

    #482685
    Leo
    Staff
    Customer Support
    #485639
    Janine

    Hi, Leo.

    Back to my sidebar widget:

    1. How can create more space between the image and the text in the About widget?

    2. How can left justify the bio content, rather than have it centered?

    Live link: 2a0cfab5.ngrok.io

    Thank you!

    #485955
    Leo
    Staff
    Customer Support

    1.

    #text-23 img {
        padding-bottom: 10px;
    }

    2.

    #text-23 .textwidget {
        text-align: left;
    }
    #486326
    Janine

    Leo, thanks!

    #486510
    Leo
    Staff
    Customer Support
    #486615
    Janine

    Hi, Leo.

    I was attempting CSS on my own to add more padding below the bio text in the About widget and now the Search widget is too close to the bottom horizontal rule.

    Please see here: 2a0cfab5.ngrok.io

    How can I fix it? Thank you!

    #486616
    Janine

    Same for the Follow Me and Categories widget too.

    #486807
    Leo
    Staff
    Customer Support

    This should add some space after the search field:

    form.search-form {
        padding-bottom: 10px;
    }

    What about the Follow me and Categories widget?

    #493913
    Janine

    Hi, Leo.

    How can I get a centered horizontal rule below the widget title in my right sidebar? In other words, the rule would not span the entire width of the sidebar container. It would a short rule that is centered.

    And I would like to be able to control the color of it. Thank you!

Viewing 15 posts - 1 through 15 (of 26 total)
  • You must be logged in to reply to this topic.