Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 27, 2018 at 12:53 pm #933627
    hazelallturf

    Hi,

    I’m trying to shorten the distance between my 3 footer columns whilst keeping the 2nd column central to the page.
    I’d also like to know the CSS code to change the font and size etc of these areas of text.

    Looking to replicate something like the footer here –> https://www.carbonbeauty.com/

    Please see my current website to see how the footer is layed out at the moment.

    Many thanks

    March 27, 2018 at 7:27 pm #933833
    Jordan Shannon

    Hey hazelallturf,

    Add this to quick css:

    @media only screen and (min-width: 1024px)  {
#footer .container{
padding:0 350px!important;
}}

    Best regards,
    Jordan Shannon

    March 27, 2018 at 7:30 pm #933834
    hazelallturf

    Hi Jordan,

    Worked a treat!

    How do I increase the size of the social meda icons and control the gaps between them?

    Many thanks

    March 28, 2018 at 10:44 am #934109
    Victoria

    Hi hazelallturf,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#footer .social_bookmarks.icon_count_2 {
  height: 50px;
}
#footer .social_bookmarks li a {
    width: 50px;
    font-size: 30px;
    line-height: 46px;
}
#top #footer .social_bookmarks li {
  width: 50px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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