• Resolved GSig

    (@gudjonsi)


    I’m having trouble creating round edges on the sidebar containers in Astra Theme with css. I’m using the following code for creating round edges for the main container which works well:

    .ast-separate-container .ast-article-single {
        border-radius: 25px;
    }

    Could anyone guide me in the right direction?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi @gudjonsi,

    Thanks for reaching out, and nice work getting the main container rounded!

    The sidebar widgets sit in a separate container from the main content, so the same CSS class doesn’t reach them. To round the corners of your sidebar widget boxes, add this instead (via Appearance → Customize → Additional CSS):

    
    .ast-separate-container #secondary .widget {
        border-radius: 25px;
    }

    A couple of notes:

    – This CSS applies when your site’s Container style is set to Boxed (found at Appearance → Customize → Global → Container). Since your main content rounding already relies on .ast-separate-container, your site is very likely on this setting already, so it should apply right away.
    – This targets the sidebar widgets specifically. If you also have widgets in the footer area, those use a different container, so let us know if you’d like those rounded too.
    – If the change doesn’t show up right away, try clearing your site/browser cache.

    You can find more layout and styling references in our documentation: https://wpastra.com/docs/

    If the problem still exists, can you please share the related page/site URL with us?

    Let us know if this gets you the look you’re after!

    Best,
    Humayon

    Thread Starter GSig

    (@gudjonsi)

    Thank you for your quick response and solution to my problem. I’ve already tested this in Appearance → Customize → Additional CSS) and it worked instantly.

    I’m a lifetime owner of the Astra Pro Theme which I have been extremely happy with for a very long time now. I can’t recommend it highly enough and the support by the Astra (Brainstormforce) team is always fantastic. Thanks for a great support and a great theme.

    Hi @gudjonsi,

    Thank you so much for the kind words and for taking the time to share this update; it truly means a lot to us!

    We’re glad the CSS snippet worked instantly and gave you the rounded sidebar look you were after. It’s wonderful to hear you’ve been enjoying Astra Pro for so long, and comments like yours are exactly what keep our team motivated to keep improving the theme and the support experience.

    If you ever run into anything else, or want help rounding those footer widgets too, don’t hesitate to reach out. We’re always happy to help!

    Also, as the issue is resolved can you please mark this thread as Resolved so that it can help other users.

    Thanks again for being a loyal Astra user.

    Best,
    Humayon

    Thread Starter GSig

    (@gudjonsi)

    Thanks for pointing out to mark the issue as resolved. Regards, Gudjon.

    Hi @gudjonsi,

    That’s wonderful to hear, thank you for the update! And thank you so much for the kind words about Astra Pro and the support experience — it really means a lot to us. We’re glad the sidebar rounding worked out perfectly for you.

    If anything else comes up, feel free to open a new topic anytime. We’re always happy to help!

    Best,
    Humayon

Viewing 5 replies - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.