Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 4, 2016 at 7:33 pm #607815
    Julie

    Hello!
    I want to center the titles only of the footer widgets in the 2nd column, so the titles are centered above the images.
    I found code to center the whole widget, but that doesn’t look right in tablet views and on desktop views– is there a way to center only the titles, not the whole column?’
    Also, how can I get the Pages widget in the 1st column aligned with the rest of them (columns 2, 3 & 4 are indented)?
    Links to the site and screenshot are below.
    Thanks in advance for your help!

    April 4, 2016 at 7:53 pm #607828
    Basilis

    Hey Julie!

    use the following

    
#text-2 .flex_column .widget .widgettitle, .content .widget .widgettitle, #text-3 .flex_column .widget .widgettitle, .content .widget .widgettitle {
text-align: center !important;
}

    let us know if that works out for u

    Best regards,
    Basilis

    April 4, 2016 at 9:05 pm #607856
    Julie

    Hi Basilis,

    Thanks so much for this, but it unfortunately doesn’t seem to be changing the alignment of the titles or the widgets.

    Any other ideas?

    April 4, 2016 at 9:19 pm #607862
    Basilis

    Hi!

    Can I please have backend acces to give it a look?
    Thank u

    Best regards,
    Basilis

    April 4, 2016 at 9:24 pm #607866
    Julie

    Of course– see below.

    Thank you!

    April 4, 2016 at 9:38 pm #607881
    Yigit

    Hi!

    I added following code to bottom of Quick CSS field

    #footer .flex_column:nth-child(2) .widgettitle {
    text-align: center;
}

    please review your website now

    Cheers!
    Yigit

    April 4, 2016 at 10:10 pm #607904
    Julie

    Hi Yigit,

    Works perfectly to center the text on desktop views, thank you!

    Is there a way to limit this change only to large screens like desktop, so they are flush left on tablet views? I had not even considered they would not like right there if centered– my bad, I should have thought of that.

    Also, is there a way to increase the margin for the Pages widget (left column) on tablet views so it lines up with the others? Looks like it is maybe 4-5px farther left than the rest.

    Thanks a million!

    April 4, 2016 at 10:14 pm #607906
    Yigit

    Hey!

    Please change the code to following one 

    @media only screen and (min-width: 990px) {
#footer .flex_column:nth-child(2) .widgettitle {
    text-align: center;
}}

@media only screen and (max-width: 768px) {
#footer .flex_column:nth-child(1) {
    margin-left: 40px;
}}

    That should take care of both

    Cheers!
    Yigit

    April 4, 2016 at 10:22 pm #607914
    Julie

    Hey Yigit,
    It is perfect now, thank you sooooo much!
    You’re the best. :)

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘How to center footer widget titles only’ is closed to new replies.