Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 8, 2014 at 1:03 pm #332342
    Gilletti

    Wordpress: v4.0
    Enfold: v3.0.1
    Revolution Slider: v4.6.0

    As the subjects says, the settings done under Enfold Theme Options -> General Styling override a CSS e.g. for a button (e.g. border color) created in Revolution Slider. I do not know if this is the theme’s or plugin’s fault, I just know that the button is correctly shown in RevSlider’s preview, but it’s not correct after the page has been generated by WordPress.

    October 8, 2014 at 1:15 pm #332356
    Yigit

    Hey Gilletti!

    Can you post the link to your website please? Enfold is compatible with Revolution slider so that should not be the issue but still we would like to have a look

    Best regards,
    Yigit

    October 8, 2014 at 2:41 pm #332428
    Gilletti
    This reply has been marked as private.
    October 9, 2014 at 9:48 am #333062
    Gilletti

    Please let me know if it’s a more complicated problem so that it’s not easy and quick to fix. Nevertheless this status would help me.
    Regards, Gilletti

    October 9, 2014 at 10:48 am #333096
    Gilletti
    This reply has been marked as private.
    October 10, 2014 at 4:09 am #333605
    Ismael

    Hi!

    Thank you for using Enfold.

    The theme doesn’t override any of the button’s styling. Revo slider itself change the button styling. As you can see in this code, there are inline styling that overrides .buttontest styling. Try adding !important value on the button’s css properties.

    <div class="tp-caption tp-fade tp-resizeme start" data-x="100" data-y="100" data-speed="300" data-start="500" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 2; white-space: nowrap; -webkit-transition: all 0s ease 0s; transition: all 0s ease 0s; min-height: 0px; min-width: 0px; line-height: 21px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 0px; font-size: 13px; left: 411.5px; top: 100px; visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1);"><a href="#" class="buttontest" style="-webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; min-height: 0px; min-width: 0px; line-height: 50px; border-width: 5px; margin: 0px; padding: 0px; letter-spacing: 0px; font-size: 20px; max-width: 100px;">Buttontest</a>
		</div>

    Best regards,
    Ismael

    October 10, 2014 at 9:13 am #333738
    Gilletti

    Unfortunately the !important trick does not help perfectly, I tried it before. The button size and the text aligning is still not correct after doing so.

    But honestly speaking I do not understand your answer because if I change e.g. the “Border colors” under Enfold Theme Options -> General Styling, then the button style changes too.

    October 12, 2014 at 10:14 am #334469
    Arvish

    Hi!

    Add the following to Quick CSS or custom.css to override the button style to your desired style.:

    .buttontest {
    border: 5px solid #EDA933 !important;
    color:#FF7302 !important;
}

    Regards,
    Arvish

    October 12, 2014 at 12:51 pm #334486
    Gilletti

    Done, you can have a look if you wish.
    But then the above written “The button size and the text aligning is still not correct after doing so” happens, that’s the problem.
    Regards, Gilletti

    October 13, 2014 at 8:06 am #334686
    Ismael

    Hey!

    Please use this:

    .buttontest {
border: 5px solid #EDA933 !important;
color: #FF7302 !important;
max-width: none !important;
line-height: 40px !important;
}

    Regards,
    Ismael

    October 13, 2014 at 10:02 am #334751
    Gilletti

    Still not exactly the same and honestly speaking it is not user-friendly to spend so much time for each button. I think we can close this topic, it seems that Enfold and RevSlider are not 100% compatible regarding this area.

    Thank you and best regards,
    Gilletti

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Enfold's "General Styling" overrides Revolution Slider's CSS’ is closed to new replies.