Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 27, 2017 at 9:24 pm #800648
    mleite1

    I use the Custom Css Class for everything I want to customize.

    I used the code below for the SPECIAL HEADING and it did not work. Is there another way to have full control of SPECIAL HEADING?

    Can I control the topics below by CSS ?:
    – Heading Type
    – Heading style
    – Padding Bottom
    – Subheading

    NAME CLASS – specialheading

    CODE placed in CSS CUSTOM
    .testsh {
         Font-family: “PT Sans”, “HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
         Font-size: 22px!
         Font-style: italic;
         Font-weight: bold;
         Line-height: 1.5em;
         Margin-bottom: 8px;
         Margin-top: 43px! Important;
         Padding-right: 6px! Important;
         Text-align: left! Important;
    }

    LINK
    http://www.cces.com.br/cces2 or http://www.cces.com.br/cces2/special-heading-test/

    May 28, 2017 at 6:54 am #800735
    Sarah

    Hey mleite1,

    I noticed that one line ends with an exclamation mark instead of a semicolon, and there are spaces where there shouldn’t be. This may be why your CSS isn’t working. Please use this code instead:

    .testsh .av-special-heading-tag {
     font-family: “PT Sans”, “HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
     font-size: 22px !important;
     font-style: italic;
     font-weight: bold;
     line-height: 1.5em;
     margin-bottom: 8px;
     margin-top: 43px !important;
     padding-right: 6px !important;
     text-align: left !important;
}

    and see if that fixes it! If one of the attributes don’t work, try adding a !important before the semicolon, just make sure that there’s no space after the exclamation mark, and that you retain the semicolon! :)

    Let us know if you need further help.

    Best regards,
    Sarah

    May 29, 2017 at 4:19 pm #801138
    mleite1

    Sarah, I created a page with special heading to test. Did not work. I increased the 10px font and it did not work. The aligh test also did not work.

    What to do?

    To remove the side line of the special heading I used

    .main_color .special-heading-inner-border {
         Display: none! Important;
    }
    }

    It did not work either.

    link

    SPECIAL HEADING TEST

    May 30, 2017 at 6:28 am #801368
    Nikko

    Hi,

    Thanks for providing the temporary admin access. I have replaced the double quotes, removed the spaces which are for some reason adding some weird characters to the css and manually add the spaces, it’s working properly now. Can you confirm this on your end? :)

    Best regards,
    Nikko

    May 30, 2017 at 11:01 am #801437
    mleite1

    Thank you very much. It worked. But the Special Heading side line is still there. How to delete this line and leave the special heading centered in space?

    Use this code below
    .main_color .special-heading-inner-border {
    Display: none! Important;
    }

    May 30, 2017 at 11:25 am #801445
    Nikko

    Hi,

    You don’t need to do that, there is an option in the Special Heading (I have already done it) Heading Style, just set it to Heading Style Modern (centered). :)

    Best regards,
    Nikko

    May 30, 2017 at 12:01 pm #801460
    mleite1

    Hi, because I’m using the CSS CLASS I thought I’d control everything related to Special Heading by css. What do you think?

    May 30, 2017 at 12:27 pm #801467
    Nikko

    Hi,

    We can also do that, though I only use css when there are no available options in the settings.

    Best regards,
    Nikko

    May 30, 2017 at 12:32 pm #801469
    mleite1

    Nikko, control all the special heading the developer people gains time in the creation. Have you ever thought of setting up a special heading that was created? This is time consuming.

    How do I control it completely via CSS?

    May 30, 2017 at 10:29 pm #801682
    Nikko

    Hi,

    Okay, add this css code and that should do it without modifying the settings:

    
.testsh .av-special-heading-tag {
    float: none !important;
    width: auto;
}

.testsh .special-heading-border {
    display: none;
}

    Best regards,
    Nikko

    June 7, 2017 at 8:23 pm #805255
    steed

    Hi there!

    I’m trying to manage the padding above and below my special padding and am not succeeding.

    Here’s my dev page: http://prettycool.site

    Look at “Featured Articles” heading immediately below the hero image.

    I put a modified version of the code Sarah provided above in the Custom CSS (at the top):

    .av-special-heading-tag {
     font-family:'Open Sans Condensed';
     Line-height:1.1em;
     Margin-top:0px !important;
     Margin-bottom:0px !important;
     Padding-right:6px !important;
     Text-align:left !important;
}

    (I tried to make sure the formatting was as clean as possible).

    June 8, 2017 at 5:25 am #805427
    Sarah

    Hi there @steed! We’ll take a look, but please open a new thread so we can help you individually. When you share your login credentials here, the creator of the thread can also see your Private Content.

    Best regards,
    Sarah

    June 8, 2017 at 11:54 pm #805789
    steed

    Whoops! Thank you Sarah! Done:

    Special Header Padding Questions

    Also, maybe change the text above the private content to say “only visible for moderators and the creator of the thread.”

    June 9, 2017 at 4:57 am #805822
    Sarah

    Thank you for that feedback! I’ll let the team know. :)

    Best regards,
    Sarah

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