Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • June 19, 2017 at 10:54 pm #810018
    mleite1

    I need help. I can not remove UPPERCASE from my ICONBOX TITLE.
    I use CSS CLASS with this code below.

    /*ICON BOX TITULO*/
    .iconboxtit {
    font-family: ‘Unna’, ‘Lora’, Arial, sans-serif;
    letter-spacing: 0.7px;
    text-transform: normal;
    text-align: center;
    line-height: 175%;
    font-size: 15px;
    color: #885212;
    }

    How do I control content text by CSS? I noticed that CSS CLASS changes title and content together. The title is different from the content. How to control separately? Notice that all the initial letters of the text are in the upper case.

    link

    PRINCIPAL

    June 20, 2017 at 12:38 am #810057
    Nikko

    Hey mleite1,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    .iconbox .iconbox_content .iconbox_content_title {
    text-transform: none;
}

    Content can’t be controlled by css, you need to change it in wordpress editor or avia layout builder, also css class doesn’t change title and content. The code I gave should make the letters in the iconbox title not be automatically changed to upper case.

    Best regards,
    Nikko

    June 20, 2017 at 2:33 pm #810375
    mleite1

    Its ok Nikko.

    Tks

    June 20, 2017 at 3:47 pm #810421
    Nikko

    Hi,

    Let us know if you need more assistance regarding this topic or if we can close it :)

    Best regards,
    Nikko

    June 20, 2017 at 3:51 pm #810423
    mleite1

    Nikko, so I slightly decrease the size of the Iconbox icon, how do I?

    June 20, 2017 at 4:46 pm #810471
    Nikko

    Hi,

    I’m not sure I understand properly the question, but I think you want to decrease the size of the iconbox, try adding this css code in Quick CSS:

    #top .iconbox.av-no-box .iconbox_icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
}

    Just adjust the values as you see fit. Hope this helps :)

    Best regards,
    Nikko

    June 20, 2017 at 6:42 pm #810578
    mleite1

    Nikko, the icon box option has 3 elements.

    1 – The icon
    2 – The title below the icon
    3 – Text content below the title

    Option 1 you just helped me. The code worked.
    Option 2 I use CSS CLASS
    How do I control option 3 by CSS CUSTOM?

    June 21, 2017 at 3:27 pm #810999
    mleite1

    Is the ICON BOX CUSTOM field to control only the title? I use this code and do not control color, and the letter is always bold.

    CSS CLASS NAME: iconboxtit

    CODE
    /*ICON BOX TITLE*/
    .iconboxtit {
    font-family: ‘Unna’, ‘Lora’, Arial, sans-serif;
    letter-spacing: 0.1px;
    text-transform: normal;
    text-align: center;
    line-height: 175%;
    font-size: 26px;
    color: #885212;
    }
    ANOTHER QUESTION
    How do you control CONTENT through CSS?

    June 23, 2017 at 4:45 am #811937
    Nikko

    Hi,

    You can try these:
    2 – The title below the icon

    #top .iconbox.av-no-box .iconbox_content_title {
    font-weight: normal !important;
    font-size: 22px;
}

    3 – Text content below the title

    #top .iconbox.av-no-box .iconbox_content_container p {
    font-size: 14px;
}

    Also you can’t control content via css because css controls only the style.

    Best regards,
    Nikko

    June 25, 2017 at 8:27 pm #812801
    mleite1

    Nikko, tks.

    The second code is not work.

    #top .iconbox.av-no-box .iconbox_content_title {
    font-weight: normal !important;
    font-size: 42px;
    }

    What can it be?

    June 25, 2017 at 10:09 pm #812820
    Nikko

    Hi,

    I think it’s not working because of the code above it is wrong:

    /*MAPA TEXT BOX*/
.avia-google-map-container .gm-style-iw p {
 font-family: 'Unna', 'Lora', Arial, sans-serif;
    letter-spacing: 0.1px;
    text-align: left;
    line-height: 145%;
    font-size: 14px;
    color: #42423e;
}
 line-height: 175%;
    color: #bd2828;
}

    Please fix it and that should work :)

    Best regards,
    Nikko

    June 26, 2017 at 1:21 am #812852
    mleite1

    You’re right Nikko. I took it off and it worked.

    Grateful. You are 10.

    June 26, 2017 at 8:05 am #812909
    Nikko

    Hi,

    Glad that we could help, thanks for your kind words and for using Enfold :)

    Best regards,
    Nikko

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