How can I alter the design of a single button on my homepage?

I want to change the design from an individual button on my home page in the ‘rich text’ section. I want to remove the oultines from only one button, but I don’t know how to do it. If I change theme settings it will make changes on all the buttons, but I only want one button to change. Thanks in advance.

More details, please. Which theme? Link to the store. (We cannot help you blind :slightly_smiling_face: )

Hello @joepwaeijen ,

Please share your store URL and password(If it is password protected).

So that I can check and suggest you a solution.

Thank you

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

Hi Emilia7

Thank you for your fast reply.
https://wininlife.myshopify.com/
password: powvay

@joepwaeijen Which button are you trying to remove the outline from? Is it one among there three on homepage?

@Lucid_Polygon ​the one with ‘how it works’ inside

  • @joepwaeijen
  • This was very tricky
  • We could use a Javascript code to identify the button by its text and remove the class which styles the element
  • Please see below
  • Go to the JS file Online Store > Themes > Actions > Edit Code > Assers (Sidebar) > global.js (file)
  • At the bottom, add the following code
var xpath = "//a[text()='HOW IT WORKS']";
var m = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
m.removeAttribute("class");

@Lucid_Polygon it worked! Thank you so much, that is very cool.
Now that I am here, can you help me with something else?
Is it possible to get an extra button in this area next to ‘SHOP’ and ‘lol’? So I have 3 buttons next to each other instead of 2. I want ‘CONTACT’ in this last button.

@joepwaeijen
Can you show a screenshot of the admin area where you have created this section?

I am guessing this is the DAWN theme.

@Lucid_Polygon What do you mean by admin? Yes it is DAWN.

The theme customizer page where you have created this section

@Lucid_Polygon ‘rich text’ at the bottom is for ‘HOW IT WORKS’
[cid:1c701d35-f3ae-44da-860b-a79f52d917a1]

Do you understand my question?

Please send a screenshot of the section builder to see how you have added the buttons so I can help you add one more. Example screenshot.

@Lucid_Polygon sorry it is my second day using shopify. Can you see the screenshot I am sending?
[cid:45afc3a6-8533-4603-b7c4-b392cdf9517a]

Unfortunately no. I see a code

@Lucid_Polygon now you can see it right? I am so sorry…

No problem, don’t be sorry.

You can increase the limit.

Try the following code changes, please.

@Lucid_Polygon yes now I can add a new button but I want it like this, I made a quick sketch for you in adobe illustrator. So there is three buttons next to each other. Is this possible?

  • In my copy of Dawn theme buttons are stacking one on top of another.
  • I am still wondering how were you able to put two buttons side by side