Change ALL pink color to others (only managed some so far) [Sela]

Here is a Pastebin with custom CSS for Sela’s colour palette:

https://pastebin.com/6YZjyfQv

You can do a search-and-replace in a text or code editor to replace #74ccd1 with your preferred accent colour.

Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated to the latest version.

Since you’re already using Jetpack, an easy way to add custom CSS is to activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

Hi Kathryn, thanks for your reply and for sharing the palette!

Yeah, I had been lazy about creating a child theme but I realized the importance of not editing the main theme’s css file and eventually created a new child theme with its own style sheet and functions file. Therefore, wouldn’t it be best to work on the new css file under Appearance > Editor? That is how I have proceeded so far. Please let me know what you think ??

Cheers,

If you already have a child theme you can certainly add the custom CSS to your child theme’s stylesheet.

Hi, with the latest version of SELA, the selector for the color of bullets in the menu has changed from :
.nav-menu > li > a:after
to
.main-navigation .menu > li > a:after

Thank you both! ??

Also, if you use a contact form plugin and need to take the customer’s phone number, you may want to search the CSS to copy the styles assigned to input and paste them to input[type=”tel”]

And do the same with input[type=”tel”]:focus

PS : beautiful site btw

Thanks, Boris :)))) I’m actually having quite a bit of fun editing css! After I finish with this (which I’m doing as part of a volunteering opportunity), I’ll give a face lift to my own blog ??

Re. your form suggestion:
OK, I’ll add that, even though I won’t be using a regular contact form. I’ve installed the WooCommerce plugin, which includes forms to make the purchase and become a customer, but I don’t think they pick up the theme style unless you force it.

(the store will be enabled later, as the business owners aren’t ready to fill up the online store with info now)

PS Let me double-check I do this right (since I don’t have a form to check it live) [The code that was shared above was very useful but also looks a bit messy to me and every change I made took me some extra time (because everything is in one line instead of with paragraphs and indented).]

You’re saying I need to add it here, right?

.main-navigation ul ul a:hover,.main-navigation ul ul>li.focus>a{color:#007300}
input[type="button"],input[type="reset"],input[type="submit"],#infinite-handle span{background-color:#007300}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="url"]:focus,textarea:focus{border-color:#007300}

Would this be OK?

.main-navigation ul ul a:hover,.main-navigation ul ul>li.focus>a{color:#007300}
input[type="button"],input[type="reset"],input[type="submit"],#infinite-handle span{background-color:#007300}
input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="url"]:focus,textarea:focus{border-color:#007300}

I only added input[type="tel"]:focus. Is it enough? Thanks!