Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 30, 2015 at 6:50 pm #420714
    sitesme

    Hi,

    We have some customised CSS in our installation which is affecting the button shortcodes from the theme.
    Can you please let me know which CSS entry is creating the conflict or an easy way to override the classes?

    Thank you

    March 31, 2015 at 9:08 am #421000
    Rikard

    Hey sitesme!

    If you right click the element in question and select inspect element you can see exactly what classes are being applied to that element. I’m not sure I understand what you would like to have done though, could you be a bit more specific please?

    Best regards,
    Rikard

    March 31, 2015 at 10:50 am #421029
    sitesme

    Hi Rikard,
    The normal buttons from the theme look great: however, if I add a normal logo in the homepage, it shows like this: http://d.pr/i/16CZG/1NTkmtXo or this: http://d.pr/i/172uD/432BETMH

    I just would like to know what CSS may be causing this, or any other incompatible issue that is overriding the theme’s default behaviour in the homepage.

    On other (internal) pages, this problem does not exist.

    Many thanks.

    March 31, 2015 at 10:51 am #421033
    sitesme
    This reply has been marked as private.
    April 1, 2015 at 6:17 am #421758
    Rikard

    Hey!

    I’m not quite sure I understand what you mean, if you add a logo you get a problem with the buttons? Where did you add a logo?

    Regards,
    Rikard

    April 2, 2015 at 6:59 am #422288
    sitesme
    This reply has been marked as private.
    April 2, 2015 at 4:57 pm #422600
    Yigit

    Hey!

    Following custom CSS codes are overriding 

    body.home .avia-button .avia_button_icon {
  left: 0;
  background: #f3f3f3;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  width: 43px;
  height: 43px;
  color: #ff8800;
  float: left;
  text-align: center;
  line-height: 43px;
  font-size: 38px;
}
body.home .avia_iconbox_title {
  position: relative;
  top: 9px;
}

    You can turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give the buttons you would like to customize a custom class and target only them

    Best regards,
    Yigit

    April 6, 2015 at 7:29 pm #424159
    sitesme

    Thank you Yigit,

    Is there a way to simply disable the custom CSS codes with the default ones using the Quick CSS?
    Basically, the code to simply make the buttons back to the default ones…
    A simple CSS code would be enough.

    Many thanks.

    April 7, 2015 at 5:24 am #424434
    Rikard

    Hi!

    I’m not sure if I understand you correctly but you could just comment out any custom CSS like this:

    /*

YOUR CUSTOM CSS

*/

    Best regards,
    Rikard

    April 8, 2015 at 12:52 pm #425216
    sitesme

    Got it now.

    Thank you Rikard / Yigit for the useful help :)

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘CSS Buttons issue’ is closed to new replies.