Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • August 29, 2017 at 2:46 pm #845348
    mleite1

    Hello everyone. I use a css code to customize SPECIAL HEADING (SH) and SUB HEADING (SUBH). But I’m wanting to use two different patterns for SH and for SBH. How I do?
    /
    LINK SITE – http://www.milk9.com.br/

    STANDARD CODE 1
    .av-special-heading-tag {
            Font-family: ‘EN Sans Narrow’, sans-serif! Important;
                 Font-size: 45px!
                 Line-height: 1.2em;
                 Text-transform: none! Important;
                 Text-align: lef! Important;
    }
    .av-subheading {
            Font-family: ‘Open Sans’, sans-serif!
                  Font-size: 17px!
                  Text-align: left! Important;
                  Font-weight: 600! Important;
                  Line-height: 1.7em;
                  Color: # 000000;
    }
    P.S: Type 1 above, aligns the text to the left. I want to use another pattern aligned to the center.

    • This topic was modified 7 years, 2 months ago by mleite1. Reason: complementation
    August 30, 2017 at 6:30 pm #845908
    mleite1

    Can someone help me?

    August 30, 2017 at 10:59 pm #845990
    Nikko

    Hi,

    You can enable Custom Css Classes by going to Enfold > Layout Builder > check Show element options for developers then add a class name to the heading’s Custom Css Class for example myclass then in css you can use:

    
.myclass .av-special-heading-tag {

}

.myclass .av-subheading {

}

    Hope this helps.

    Best regards,
    Nikko

    August 30, 2017 at 11:45 pm #846019
    mleite1

    Nikko, thanks for the feedback.

    In the Special Heading options screen there is only one CUSTOM CLASS field. Will this be for SPECIAL HEADING and SUB HEADING?

    The field I already use for this purpose below.

    / * ON DESKTOP * /
    .sh {
         Padding: 50px 30px 50px 30px;
    }
    }
    VIEW IMAGE
    http://d.pr/i/54qtGd

    How to solve this?

    September 1, 2017 at 6:27 am #846615
    Rikard

    Hi,

    Try this to center the text:

    .av-special-heading-tag {
  text-align: center !important;
}

    Best regards,
    Rikard

    September 1, 2017 at 1:19 pm #846842
    mleite1

    Rikard, thanks for the feedback.

    As I said before, I already use this code below for left-aligned texts. Perfect. And I use the CSS CLASS field to adjust the positioning of text on the screen (see below too).
    /
    .av-special-heading-tag {
           font-family: ‘EN Sans Narrow’, sans-serif!
                font-size: 45px!
                line-height: 1.2em;
                text-transform: none! important;
                text-align: lef! important;
    }
    .av-subheading {
           font-family: ‘Open Sans’, sans-serif!
                 font-size: 17px!
                 text-align: left! important;
                 font-weight: 600! important;
                 line-height: 1.7em;
                 color: # 000000;
    }

    ///// ADJUST POSITION TEXT – CSS CLASS //////
    /
    @media only screen and (max-width: 989px) {
    .sh {
        padding: 50px 30px 50px 10px! important;
    }
    }
    / * ON DESKTOP * /
    .sh {
        padding: 50px 30px 50px 30px;
    }
    }

    What I need is to use other formatting, center text, for Special Heading and Sub heading.

    • This reply was modified 7 years, 2 months ago by mleite1. Reason: complementation
    September 4, 2017 at 8:00 am #847543
    Nikko

    Hi,

    I checked the link but it shows 404 already. You can use it like this:

    .sh .av-special-heading-tag {

}

.sh .av-subheading {

}

    Also your last code has an extra } at the end, you can remove it.

    Best regards,
    Nikko

    September 4, 2017 at 12:52 pm #847699
    mleite1

    Hello Nikko. Thanks for the feedback.

    I already use .sh for the padding control of the text. And there is only one css class field in the SPECIAL HEADING settings. If I use the code below, the text will continue to be left-aligned. Look at this page I created.

    LINK – http://www.milk9.com.br/criacao-de-logomarca-e-identidade-em-salvador/

    This code below is the default 1 of the special heading and the sub heading. I would like to have a DEFAULT 2 css for SH and for SUB H. Just that.

    DEFAULT 1
    /
    .av-special-heading-tag {
           font-family: ‘EN Sans Narrow’, sans-serif!
                font-size: 45px!
                line-height: 1.2em;
                text-transform: none! important;
                text-align: left! important;
    }
    .av-subheading {
           font-family: ‘Open Sans’, sans-serif!
                 font-size: 17px!
                 text-align: left! important;
                 font-weight: 600! important;
                 line-height: 1.7em;
                 color: # 000000;
    }

    September 4, 2017 at 3:17 pm #847768
    Nikko

    Hi,

    I’m not sure I understand properly but I think you can add class for default 2, for example add class name: default_2, then on your css:

    /** Default 1 **/
.av-special-heading-tag {

}

.av-subheading {

}

/** Default 2 **/
.default_2 .av-special-heading-tag {

}

.default_2 .av-subheading {

}

    Hope this helps.

    Best regards,
    Nikko

    October 27, 2017 at 3:02 pm #869603
    mleite1

    Nikko, okay? I created .sh2, but it does not change the aspects.

    .sh2 .av-special-heading-tag {
            font-family: ‘EN Sans Narrow’, sans-serif!
                 font-size: 42px!
                 line-height: 1.2em;
                 text-transform: none! important;
                 text-align: left! important;
    }
    .sh2 .av-subheading {
            font-family: ‘Open Sans’, sans-serif!
                  font-size: 16px!
                  text-align: left! important;
                  font-weight: 100! important;
                  line-height: 1.7em;
                  color: # 000000;
    }

    If I change some aspect of the code it does not change anything in SPECIAL HEADING and SUB HEADING. Why that?

    October 27, 2017 at 7:46 pm #869731
    mleite1

    I’ve just set up a page with these codes below. Each SPECIAL HEADING I put as SH1, SH2 and SH3. See full code below. The subtitle changes when I change the value in the code of the 3 types (sh1, sh2 and sh3), but the title does not change from SH2 and SH3. Title only changes on SH1..

    CODES
    http://www.ondedecorar.com/od
    /
    /*INICIO SH*/
    .sh .av-special-heading-tag {
    font-family: ‘PT Sans Narrow’, sans-serif !important;
    font-size: 42px !important;
    line-height: 1.2em;
    text-transform: none !important;
    text-align: left !important;
    }
    .sh .av-subheading {
    font-family: ‘Open Sans’, sans-serif !important;
    font-size: 16px !important;
    text-align: left!important;
    font-weight: 100 !important;
    line-height: 1.7em;
    color: #000000;
    }
    /*AJUSTE DE ALINHAMENTO*/
    @media only screen and (max-width: 989px) {
    .sh {
    padding: 50px 30px 50px 10px !important;
    }
    }
    /*ON DESKTOP*/
    .sh {
    padding: 40px 0px 0px 30px;
    }
    }
    /*INICIO SH2*/
    .sh2 .av-special-heading-tag {
    font-family: ‘PT Sans Narrow’, sans-serif !important;
    font-size: 60px !important;
    line-height: 1.2em;
    text-transform: none !important;
    text-align: left !important;
    }
    .sh2 .av-subheading {
    font-family: ‘Open Sans’, sans-serif !important;
    font-size: 22px !important;
    text-align: left!important;
    font-weight: 100 !important;
    line-height: 1.7em;
    color: #000000;
    }
    /*AJUSTE DE ALINHAMENTO*/
    @media only screen and (max-width: 989px) {
    .sh2 {
    padding: 50px 30px 50px 10px !important;
    }
    }
    /*ON DESKTOP*/
    .sh2 {
    padding: 40px 0px 0px 30px;
    }
    }
    /*INICIO SH3*/
    .sh3 .av-special-heading-tag {
    font-family: ‘PT Sans Narrow’, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.2em;
    text-transform: none !important;
    text-align: left !important;
    }
    .sh3 .av-subheading {
    font-family: ‘Open Sans’, sans-serif !important;
    font-size: 16px !important;
    text-align: left!important;
    font-weight: 100 !important;
    line-height: 1.7em;
    color: #000000;
    }
    /*AJUSTE DE ALINHAMENTO*/
    @media only screen and (max-width: 989px) {
    .sh3 {
    padding: 50px 30px 50px 10px !important;
    }
    }
    /*ON DESKTOP*/
    .sh3 {
    padding: 40px 0px 0px 30px;
    }
    }

    October 27, 2017 at 10:28 pm #869762
    mleite1

    COMPLEMENT
    If I remove from the css code the .sh …. the sh2 works. But sh3 does not work. Why that?

    October 30, 2017 at 4:50 am #870291
    Ismael

    Hi,

    I reviewed the whole thread but I”m a bit confused on what you’re trying to do here. If you don’t mind, please provide a screenshot so that we can understand it better. The screenshot above no longer exist.

    Best regards,
    Ismael

    October 30, 2017 at 4:14 pm #870541
    mleite1

    Hello, it’s simple what I want. I use a css code to customize the SPECIAL HEADING and SUB HEADING. But I need more than one standard for SPECIAL HEADING and subHEADING.

    STANDARD 1
    .av-special-heading-tag {
           font-family: ‘EN Sans Narrow’, sans-serif!
                font-size: 45px!
                line-height: 1.2em;
                text-transform: none! important;
                text-align: left! important;
    }
    .av-subheading {
           font-family: ‘Open Sans’, sans-serif!
                 font-size: 17px
                 text-align: left! important;
                 font-weight: 600! important;
                 line-height: 1.7em;
                 color: # 000000;
    }

    Default 2 you told me to create this below that does not work. What I want is pattern 2 to work.
    .sh2 .av-special-heading-tag {
            font-family: ‘EN Sans Narrow’, sans-serif!
                 font-size: 42px
                 line-height: 1.2em;
                 text-transform: none! important;
                 text-align: left! important;
    }
    .sh2 .av-subheading {
            font-family: ‘Open Sans’, sans-serif!
                  font-size: 16px!
                  text-align: left! important;
                  font-weight: 100! important;
                  line-height: 1.7em;
                  color: # 000000;
    }

    Does not work. Only 1 is working.

    October 30, 2017 at 6:35 pm #870613
    mleite1

    You can review this page below. I used the three type of css for the special heading and nothing changes in SH2 and SH3. See the code.

    Ondedecorar salvador

    November 1, 2017 at 11:34 pm #871449
    mleite1

    Hello, I really need to sort out my case. I followed the guidelines and it does not work. Can you help me?

    November 1, 2017 at 11:35 pm #871450
    mleite1

    For you to make sure I think it’s important that you try to do it yourself.

    November 3, 2017 at 3:42 am #871910
    Ismael

    Hi,

    Thank you for the update. How did you load the PT Sans Narrow and EN Sans Narrow fonts?

    Best regards,
    Ismael

    November 10, 2017 at 5:42 pm #875229
    mleite1

    Ismael, thank you for the return. I do not know to answer you. I put the source code in custom css. Is not she part of the enfold?

    November 10, 2017 at 5:49 pm #875246
    mleite1

    I’m going to install the Easy Google Fonts plugin. You recommend?

    November 12, 2017 at 12:27 pm #875718
    Victoria

    Hi mleite1,

    You can use either that plugin or use the code from this article

    Register Additional Google Fonts for Theme Options

    If you need further assistance please let us know.
    Best regards,
    Victoria

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