WordPress.org

Forums

Virtue
[resolved] Align text in sidebar with widgets underneath (3 posts)

  1. daniellejoy
    Member
    Posted 11 months ago #

    Hi,

    I want the right side of the text above the social media icons in my sidebar to align with the Twitter and Facebook widgets below. The widgets are 288px wide. As you can see, the text jumps to the next line before 288px. How can I do this?

    http://daniellejoy.org/126/

    Thank you in advance for your reply!

  2. hannah
    Kadence Theme Support
    Posted 11 months ago #

    Hey, try this:

    @media (min-width: 900px) {
    .sidebar .widget {
    width: 300px;
    }
    }

    Is that what you were thinking?
    Hannah

  3. daniellejoy
    Member
    Posted 11 months ago #

    Hi Hannah,

    Thanks for your reply. That didn't do what I wanted it to do, but I think I figured out what the problem was, because all the other widgets are aligned the way I want them to. The reason the text isn't, is simply because of a lack of space!

    This is the text that I used: Danielle Joy's aim is to inspire and educate people to be healthy through delicious recipes that are mostly raw, vegan, and completely free of refined sugar. Read more...

    It cuts off at "raw,", but that's because "vegan" is too long a word for it to fit in. That's why it looks like the text isn't aIigned, but really, it is. I don't know if this is making sense to you, but I now understand what was causing it, and I thank you for taking out the time to try to help me!

    In case you're wondering, this is what my current custom CSS looks like:

    .widget-4 .textwidget a img {
    margin: 5px;
    float: left;
    padding: 0;
    border: 0;
    }

    @media (min-width: 1200px) {
    .container {
    width: 960px;
    }
    }

    @media (min-width: 992px) {
    .main {width: 66.66%;}
    aside.col-lg-3 {width: 33.33%;}
    }

    [class*=wp-image] {
    margin: 0;
    }

Reply

You must log in to post.

About this Theme

About this Topic