Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 19, 2017 at 4:41 am #823623
    violin12

    Hello,

    I currently have three columns in the footer. The second one is an image. At present all three columns align to the left.
    I would like the centre one (which is an image) to be aligned to the centre of the whole page, and the others to remain with a left alignment.

    I have tried this:
    #footer .widget {
    text-align: center;
    }

    Which is great, however it aligns all three of the columns into a centre.
    What can I add to specify that it just be the middle (second) one that is centred?

    Thanks.

    July 19, 2017 at 5:09 am #823642
    Nikko

    Hey violin12,

    Can you post a link to your site? so we can take a closer look. You can post it in private content if you want it to be seen only by moderators.

    Best regards,
    Nikko

    July 20, 2017 at 1:56 am #824287
    violin12

    Hi,
    I’m working off line so I can’t.
    I found a couple of old threads like this one: https://kriesi.at/support/topic/footer-column-alignment/
    The first code did nothing, and the second lot reversed everything like the original poster said.

    I will try to explain again. I have 3 columns. I want the middle column (which is an image) to be centre aligned. And the 1st and 3rd column to remain left aligned.
    This code aligns all three columns to the centre:
    #footer .widget {
    text-align: center;
    }
    So is there a way to add something to the above code so that it just targets the 2nd column?

    Thanks again

    July 20, 2017 at 2:28 am #824291
    Mike

    Hi,
    Sure, can you right click on the element and select “inspect” and take a screenshot of the developer mode screen so we can see the IDs for the class? Like this:
    postimage

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.