Text Footer: bullet points alignment

  • Ziodim

    (@ziodim)


    11 years, 3 months ago

    Hi.
    Thank you for your great theme!
    I’m having some difficulties trying to align a text widget placed on the footer 4.
    This text widget contains a simple bullet points with clickable links while the footer 3 is a Virtue social link.

    Something like this:

    Social: Links:

    ______
    ICONS •Link 1
    ______ •Link 2

    The bullets point of •Link 1 e •Link 2 need to be vertically aligned with the “L” of the title “Links:” instead now they are to the right (roughly under the “n”).

    I’d like also to have •Link 1 aligned with the top side of the social icons. Now is below.

    Is it possible to do it?
    Many thanks.

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

    (@hannahritner)

    11 years, 3 months ago

    Hey, do you mind posting a link?

    Hannah

    Thread Starter Ziodim

    (@ziodim)

    11 years, 3 months ago

    Hi Hannah, thank you for you quick reply.
    Unfortunately I’m still working locally.
    I’m sorry.
    Can you help me anyway?
    Thanks a lot.

    hannah

    (@hannahritner)

    11 years, 3 months ago

    Without a link it’s really hard to say. I could guess on some css, but it think you’re better off waiting till you go live and can post a link.
    Sorry,
    Hannah

    Thread Starter Ziodim

    (@ziodim)

    11 years, 3 months ago

    I understand.
    Thanks for now.
    Zio

    Ben Ritner – Kadence WP

    (@britner)

    11 years, 3 months ago

    Just as a guess, you can try this:

    #containerfooter ul {
margin:0;
padding: 0;
}

    Kadence Themes

    Thread Starter Ziodim

    (@ziodim)

    11 years, 3 months ago

    Hi, thank you for your help.
    It worked partially. Now bullet points correctly moved to the left.
    Something like this:

    …..Links:
    •Link 1
    •Link 2

    If I can also align the title “Link:” to the left I’m done.
    Is there a way to reduce the blank space between the title “Link:” and the first row in the text widget?

    Thanks a lot!

    Ben Ritner – Kadence WP

    (@britner)

    11 years, 3 months ago

    This doesn’t make sense based on the description and the code I can see in my test server, I would need a link to your site so I’l have to wait till you make it live.

    Kadence Themes

    Thread Starter Ziodim

    (@ziodim)

    11 years, 3 months ago

    I understand. Thanks for now. Hopefully soon I’ll able to go live and post the link.
    In the meantime I tried few things and I think I’m getting close to the problem.
    I have only the following lines on the custom css box:

    .subhead, .postdate, .kad-hidedate, .postdatetooltip {
display:none;
}
.footer-widget .widget, .footer-widget {
margin-top:0;
}
.footercol1, .footercol2, .footercol3, .footercol4 {
display:none;
}
.home .footercol1, .home .footercol2, .home .footercol3, .home .footercol4 {
display:block;
}
#containerfooter {
padding-top:0;
}

    Everything is fine and aligned until I add the following code to reduce the font size of the title and the text widget. 

    .footerclass h3 {
font-size:18px;
}
.footerclass {
font-size:12px;
}

    These 2 mess up the alignment of the title and the bullet points.
    Maybe this is not the correct way to do it.

    Ben Ritner – Kadence WP

    (@britner)

    11 years, 3 months ago

    I can’t tell from that what would cause the alignment issue… that code shouldn’t effect the alignment.

    Kadence Themes

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

The topic ‘Text Footer: bullet points alignment’ is closed to new replies.