1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Override Divi Builder CSS

Discussion in 'HTML & Website Design' started by jamie951111, May 26, 2017.

?

Am I missing something here with Divi Builder?

  1. Yes

    100.0%
  2. No

    0 vote(s)
    0.0%
  3. Massively

    0 vote(s)
    0.0%
  1. #1
    Does anyone know the answer to this:
    I am actually using Extra on a client's site. I can't find an answer to this anywhere. How do I override the Divi Builder CSS. If I change the margin-top using the input area of the builder, it automatically puts an !important attribute into the CSS. Then when I come to write some @media queries, I use for example:
    /* Tablets in portrait mode (480-800px) */
    @media only screen and ( min-width: 480px ) and ( max-width: 800px ) {
    .port557 {
    margin-top: -54px !important;}}

    But it won't override the builders !important CSSm which is:
    .et_pb_text_8 {
    margin-top: -15px !important;
    margin-left: 1% !important;}

    I could put in an #ID instead but I am sure this isn't good practise, and if I needed many complex @media queries then some parts would get overridden.
    Am I going about this the wrong way or is there a feature I am missing.
    Love to hear your thoughts
    SEMrush
     
    jamie951111, May 26, 2017 IP
    SEMrush
  2. ahmedsheeraz

    ahmedsheeraz Greenhorn

    Messages:
    26
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #2
    I don't completely understand you but there is an option if you go to section, row or module settinds, cell padding and cell margins top bottom left right, use these options instead of doing it manually using css.
     
    ahmedsheeraz, May 26, 2017 IP
  3. jamie951111

    jamie951111 Greenhorn

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #3
    Thanks but I worked it out. There's a custom css section on the Divi builder that over rights the !important attribute
     
    jamie951111, May 29, 2017 IP