Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 15, 2017 at 9:03 pm #793500
    sitesme

    Hi

    We have 3 columns on the footer of the page and we would like the 3rd column to have the text slightly smaller. How can we modify the text size on just one widget / one column?

    Thank you

    May 15, 2017 at 9:19 pm #793512
    Jordan Shannon

    Hey sitesme,

    Have you figured this out? I see you added a custom id and the text looks smaller.

    Best regards,
    Jordan Shannon

    May 15, 2017 at 9:20 pm #793515
    Yigit

    Hey sitesme,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    #footer .flex_column:nth-child(3) p {
    font-size: 11px;
}

    Best regards,
    Yigit

    May 15, 2017 at 9:37 pm #793530
    sitesme

    Hi Jordan,

    Yes, I went back to the old school CSS websites and found a way to create a container to add the font style. However, I was looking for something more straightforward and Yigit gave me just that.

    Thank you Yigit. The code worked perfectly :)
    I assume that if I want to do the same for different footer columns I just need to change number 3 under flex_column:nth-child(3) to the desired column 1-5 for example, am I right?

    Thank you once again for the great support guys.

    May 15, 2017 at 9:41 pm #793531
    Jordan Shannon

    Hi,

    Yep that is correct, unless it is the first column or last, in which case it will be “:first-child” or “last-child”

    Best regards,
    Jordan Shannon

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