How to make button box invisible

[flosmall]

Hello Dear Support,

I want to ask how to make the button box invisible , how to set it up.

I have gone through the guide on the button element, and i don’t find out how to achieve this.

For example, I want to make the button with text “egg” seen only , the button box is invisible.

Thank you for advance.

[thai]

Hi There,

I’ve gone through your website but I couldn’t find that page, could you please provide us with the URL of that page?

Many thanks.

[flosmall]

Hello Dear Thai,

Thanks a lot for your attention.

Yes, sure, I can tell now. The url is https://ibywind.com/hungry-caterpillar-made-spinach-chicken-ball/

Best Regards,
Daphne

[mldarshana]

Hi There,

Try adding the following CSS rule int your Theme Options > Global CSS area.

.el54.x-anchor, .el56.x-anchor, .el58.x-anchor, .el78.x-anchor, .el82.x-anchor {
    box-shadow: none;
}

.el52.x-anchor, .el76.x-anchor, .el80.x-anchor {
    box-shadow: none;
    border-style: none;
}

Hope that helps.

[flosmall]

Hello Dear Mldarshana,

Thanks for your help. Yes. It really works.

How you locate the code for each brick, like .el54.x-anchor, how you know it is this code?

Best Regards
Daphne

[rad]

Hi there,

We use browser developer tools, example, the google chrome inspector (https://developer.chrome.com/devtools). Then we inspect the element to see the code. If you wish to use a class base selector, then look for class and use DOT. Example,

<div class="el54 x-anchor">

Then the selector will be .el54.x-anchor, and if you’re selecting an element based on parent-child relationship

<div class="el54 x-anchor"><div class="x-text awesome">

Then it will be like this .el56.x-anchor .x-text.awesome, use space for parent-child hierarchy. And use the comma if you’re selecting multiple elements, like .el56.x-anchor .x-text.awesome, .el57.x-anchor .x-text.hello

Now, if you’re selecting based on ID, then use # instead of DOT. Example,

<div id="awesome_section" class="x-section">

Then you can have different selector, like #awesome_section, or #awesome_section.x-section, both are just the same and you can combine ID and Classes selector.

Hope these helps.