Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 8, 2018 at 5:15 pm #923957
    bakbek

    Hi, how can I make the icons smaller only on mobile?

    Thanks.

    March 8, 2018 at 5:41 pm #923962
    bakbek

    Seems like they are also very big on desktop now so I want to make them smaller across the board.

    March 9, 2018 at 2:17 pm #924497
    Mike

    Hi,
    It looks like in your custom css or General Styling > Quick CSS field you have this code:

    #top .iconbox_icon, #top .iconbox_icon {
	font-size: 100px !important; /* Icon size */
	width: 74px !important; /* Container size */
	height: 74px !important; /* Must be the exact same value as the width */
}

    please adjust “font-size: 100px !important;” to a smaller number.

    Best regards,
    Mike

    March 10, 2018 at 11:49 pm #925106
    bakbek

    How can I make this relevant only for that specific iconlist only on that page? I gave the color section it’s in a CSS custom name of – studioicons

    Thanks.

    March 11, 2018 at 6:10 pm #925228
    Mike

    Hi,
    Please add .studioicons to the code like this:

    #top .studioicons .iconbox_icon {
	font-size: 100px !important; /* Icon size */
	width: 74px !important; /* Container size */
	height: 74px !important; /* Must be the exact same value as the width */
}

    Best regards,
    Mike

    March 11, 2018 at 11:41 pm #925300
    bakbek

    Thanks Mike, that worked. How can I also align them as you can see in the screenshot?

    March 12, 2018 at 12:24 pm #925467
    Nikko

    Hi,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .studioicons .iconbox_icon {
    margin-top: 30px !important;
}

    Hope it helps :)

    Best regards,
    Nikko

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