Editing Element Style (CSS)

  • Haidar Rahman

    (@haidar-rahman)


    9 years, 9 months ago

    I not too familiar with codes, but I’m learning. I know that element.style is not specified by a CSS file but how do I come about editing it.

    I edited the paddings, using inspect, so if you look into the element.style, it will show you something like this:

    element.style {
    padding-top: 0px;
    padding-bottom: 0px;
    }

    Whereas the elements section shows:

    <section class=”et_pb_fullwidth_header et_pb_module et_pb_bg_layout_light et_pb_text_align_center et_pb_fullwidth_header_0″ style=”
    padding-top: 0px;
    padding-bottom: 0px;
    “>

    So how do I go about editing it in the editor, I’ve got my child theme already up. Help me, please :'(

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    9 years, 9 months ago

    You need to write your own CSS that ‘overrides’ the current CSS. Is this how you’ve been making your other CSS modifications?

    Yahya

    (@yahyasayyidali)

    9 years, 9 months ago

    you can style it using with regards respect to that specific section class.
    ie,

    .et_pb_fullwidth_header et_pb_module {
    <your style here >
    }

    If that style is overwriting try using the important tag

    Thread Starter Haidar Rahman

    (@haidar-rahman)

    9 years, 9 months ago

    @yahya It still does not override the CSS after I’ve used the important tag.

    @andrew Yes I’ve been making my CSS modifications this way using Child Theme, am I doing it wrong? but it does work most of the time if it’s not element style.

    btw, appreciate the quick reply guys!

    Yahya

    (@yahyasayyidali)

    9 years, 9 months ago

    Can you share the URL?

    Thread Starter Haidar Rahman

    (@haidar-rahman)

    9 years, 9 months ago

    @yahya Sure, thanks for taking your time bro!

    http://www.renoguys.com.sg/
    As you can see, the padding-top and bottom of the “SERVICE” background color is currently at 50px.

    Mark Ratledge

    (@songdogtech)

    9 years, 9 months ago

    @haider: Sorry, you’re using a premium/paid theme not supported in these forums. It’s best to go to the support site where you bought the theme elegantthemes.com for help with customizations and issues. You paid for support when you bought the theme, so you should contact the people who sold you the theme.

    These forums are for free themes available in the WordPress theme directory at http://ww.wp.xz.cn/themes/. See http://codex.ww.wp.xz.cn/Forum_Welcome#Commercial_Products

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Editing Element Style (CSS)’ is closed to new replies.