Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 14, 2018 at 9:38 am #941857
    bakbek

    Hi, how can I make the icons smaller only on mobile and only on this specific page?

    April 14, 2018 at 3:07 pm #941931
    Rikard

    Hey DROR,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.page-id-19291 .iconbox_icon:before {
font-size:30px !important;
}
}

    Best regards,
    Rikard

    • This reply was modified 6 years, 7 months ago by Rikard.
    April 23, 2018 at 4:43 pm #945440
    bakbek

    Hi Rikard, how can I make the top 3 icons on the page as big as they are on all other pages? When I made the lower part icons smaller it also made the top icons smaller.

    April 25, 2018 at 5:42 am #946385
    Vinay

    Hi,

    Please change the font size value to 50px in the code Rikard gave you earlier.

    Best regards,
    Vinay

    April 25, 2018 at 11:15 am #946515
    bakbek

    wouldn’t that effect all the icons on the page? I want to make only the top 3 icons bigger while the rest of the icons that show at the bottom of the page remain at their current smaller size.

    April 26, 2018 at 10:15 am #947159
    Vinay

    Hi,

    Please enable custom CSS class name in Enfold > Layout Builder > Show element options for developers

    Give the container a unique class name and replace it with the page-id-class :)

    Best regards,
    Vinay

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