Docs

[Ben]

Hi,

Some buttons are giving me a hard time.

On this link: http://ott.ua.edu/portfolio-item/uaipd-12-0013-reconfigurable-magnetic-supercapacitors/

2 of the 3 buttons, the blue and green ones, in the boxes are 3D and not flat as they should be. Like the crimson colored one.

I am hoping this is a simple fix, but when I try to adjust the class settings it doesn’t seem to work.

Any advice?

I am running the latest version of both wordpress and X.

[Jade]

Hi there,

The blue and green bottom have the CSS code that adds a border shadow which is causing the 3D effect

box-shadow: 0 0.25em 0 0 #000000,0 4px 9px rgba(0,0,0,0.75);

You can remove the code to get rid of the black area in the button.

[Ben]

How do you factor that into a shortcode snippet like:

[x_button shape=”rounded” size=”small” float=”none” href=https://www.google.com/patents/WO2013177543A1?cl=en
” target=”blank” info=”none” info_place=”top” info_trigger=”hover” class=”button-blue”]Patent Link[/x_button]

I thought there was a way to change the button type when inserting a shortcode?

[Christopher]

Hi there,

You have already added box shadow to buttons, please find these codes and remove box-shadow properties :

.button-blue {
    color: #fff;
    background-color: rgb(55, 138, 223);
    border-color: rgb(55, 138, 223);
    box-shadow: 0 0.25em 0 0 #000000,0 4px 9px rgba(0,0,0,0.75);
}
.button-green {
    color: #fff;
    background-color: #6e9421;
    border-color: #6e9421;
    box-shadow: 0 0.25em 0 0 #000000,0 4px 9px rgba(0,0,0,0.75);
}

Thanks.

[Ben]

Thanks for the help!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts