• Resolved daniellejoy

    (@daniellejoy)


    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?

    https://daniellejoy.org/126/

    Thank you in advance for your reply!

Viewing 2 replies - 1 through 2 (of 2 total)
  • hannah

    (@hannahritner)

    Hey, try this:

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

    Is that what you were thinking?
    Hannah

    Thread Starter daniellejoy

    (@daniellejoy)

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Align text in sidebar with widgets underneath’ is closed to new replies.