How to edit the category button

[JummeKing]

Hello,

I'm trying to edit the ugly button on my product category pages:

https://www.slagelseerhvervscenter.dk/store/c15/Strategi_og_forretningsudvikling.html

https://www.slagelseerhvervscenter.dk/store/c16/Ledelse_og_HR.html

https://www.slagelseerhvervscenter.dk/store/c17/Salg_og_markedsf%C3%B8ring.html

https://www.slagelseerhvervscenter.dk/store/c20/Netv%C3%A6rk.html

I've tried to insert this in my header code:
#wsite-com-store a { color: #ffffff !important; }

- The console in Chrome shows me that this ID is overwriting the css from the classes (i can unclick it and then the button works fine), even though the ID is not in the html on the button, so i tried to make the color white, nothing happened.

Change the classes of the button, dosn't work.
.wsite-button, .wsite-button-small, .wsite-button-highlight { background: #ffffff !important; }

I actually don't care if the button goes green with white text, or white with green text, i just don't want the green in green thing.

I appreciate all help!! 🙂

[bobafett]

@JummeKing: For a $15 donation to Star of Hope Mission I can tell you what you need to change.

[JummeKing]

@bobafett i'll donate 20$ if you help me, but i wan't results first..  

[bobafett]

@JummeKing:  Thanks for the response.  But it will not work that way.  In the past I (my charity) have been cheated.

Here is how we will do it (actually better than buying stuff on-line where you pay first).

1. I will send you a screenshot of your page with corrected font color.

2. You send me $20 via Paypal.

3. I send you the screenshot of my receipt of donation and the code.

Pl. use the PM function to message me.

[JummeKing]

 @bobafett and i've experienced being tricked before. 

Sad that this can't workout - I'm paying full premium and then Weebly want extra payment. Nevermind then!!

[bobafett]

@JummeKing:  Why should I trust a person who has no history of involvement on the forum?  You also wrote,"I'm paying full premium and then Weebly want extra payment."

Wrong! Weebly does not want extra payment.  They will not ask you a dime more - just live with the options they are providing.

[JummeKing]

@bobafett Get over yourself  

[bobafett]

@JummeKing:  You are just upset that no one will give you a freebie.....Man don't accpet jobs that you can't do.

[JummeKing]

@bobafett its My workplace, please don’t comment on things you don’t know anything about. I didn’t expect anything for free, i expected a kind community where People’s help each other. 

If you can’t help, then stay out of this topic, and mind your own business. 

[Adam7]

Hey guys, let's take it all down a few notches here.

@JummeKing, how are you adding your css to the Header Code field? Are you wrapping that code with <style> and </style>?

[JummeKing]

@Adam thanks. 

Im wrapping it in 

<style type="text/css"> ... </style> Yes. I have tempoary removed the code from the site. I really cant work out why it dosn’t work out 😕

[JummeKing · Accepted solution]

Well well well.. 

The button is now beautyfull. I had to go the other way around and do in-line jquery to costumize the button. Hopefully this can help other Weebly users, that have this problem with their category buttons.

How i fixed this:

Theme > Costumize HTML/CSS > custom.js

Made a function to find the button and edit the color to white:

function setBackButtonInStore(){
    btnObj = $("#wsite-com-store a.wsite-button");
    console.log("btnObj.length :"+ btnObj.length );
    if( btnObj.length > 0 ) {
      btnObj.attr("style", "color : #fff !important");
  }

}

Afterwards implent the function when the site is loaded:

$(document).ready(function() {
  setBackButtonInStore();

}

[Adam7]

There's always multiple ways to tackle a problem. Thanks for sharing your solution!

[HeartcraftPaper]

ROFLMA