Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 4, 2018 at 9:21 pm #921159
    bakbek

    Hi, how can I make the icon list font smaller for both the title and text and also align the icon so it will be in the middle instead of at the top?

    Also, this should only effect the icon box inside a specific color section inside a specific page. I gave the color section the custom css class of – abouticon.

    Thanks.

    March 4, 2018 at 9:50 pm #921201
    Mike

    Hey DROR,
    I didn’t find the class “abouticon” on your page, but did see what section it was. This code worked in my test, please try it.

    #top.page-id-950 #av_section_2 .iconbox.iconbox_right_content .iconbox_icon {
	font-size: 50px !important; 
        padding-top: 10px !important; 
}

    Best regards,
    Mike

    March 4, 2018 at 9:59 pm #921210
    bakbek

    Hi Mike, that only made the icon smaller. I want to make the text font (for both title and text) smaller and I want to align the icon the same way it is aligned at the top of the page icon box.

    Thanks.

    March 5, 2018 at 12:54 pm #921453
    Mike

    Hi,
    Please try:

    #top.page-id-950 #av_section_2 .iconbox_content .iconbox_content_title {
    font-size: 24px !important;
}
#top.page-id-950 #av_section_2 .iconbox_content_container p {
    font-size: 12px;
}
#top.page-id-950 #av_section_2 .iconbox.iconbox_right_content .iconbox_icon {
    padding-top: 10px !important; 
    margin-left: 0px !important; 
}

    Adjust to suit

    Best regards,
    Mike

    March 5, 2018 at 3:41 pm #921521
    bakbek

    Thanks

    How can I also make the icon smaller?

    March 5, 2018 at 4:53 pm #921581
    Nikko

    Hi,

    Can you give us a link where we can see those icons you posted on screenshot? I tried to check the link above (about us), I can’t seem to find it on that page.

    Best regards,
    Nikko

    March 5, 2018 at 5:24 pm #921614
    bakbek
    This reply has been marked as private.
    March 5, 2018 at 9:49 pm #921835
    Basilis

    Hi,

    Please add

    #top .iconbox_icon, #top .iconbox_icon {
    font-size: 30px !important;
    }

    let us know if that works or you need to change the size.

    Best regards,
    Basilis

    March 6, 2018 at 12:59 pm #922218
    bakbek

    Thanks

    March 6, 2018 at 1:12 pm #922227
    Nikko

    Hi,

    Glad that Basilis helped you, let us know if you need further assistance :)

    Best regards,
    Nikko

    March 6, 2018 at 1:14 pm #922230
    Mike

    Hi,
    Glad we were able to help, shall we close this then?

    Best regards,
    Mike

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