Color SEARCH Button
-
First I have to congratulate the creators of this theme, it is exelente!
Already followed several tutorials that you helped here in this forum. Longer be able to change the color of the sidebar and letters (creating a child theme with Jetpack plugin ) but can not change the borders and Bhutan Letter search.
To aid here is one printscren , I would like to change that part in gray:img here
-
Hello geekingbr,
Can i have your site url please?
Waiting for your return?Vipin Saini: my site
Hello geekingbr,
Thanks for site url.Please paste to following code at the end of your style.css file and save in order to change the border color of your search box.
.widget-area input[type=”search”] {border-color: #ff0000;}
It will change the border color of search box into red, if you want another color then please replace #ff0000 color code by another one.I hope i will help you and if do not then i am waiting here to fix the issue however.
Waiting for your return?Vipin Saini you are the best ! I could do just fine thanks to you.
I would like to know if you have as you think these codes , so if I can change colors to other parts of the theme. Thank you so muchHello geekingbr,
Your Welcome!
Feel free to ask further queries.Please let me know the part where you want to change the color,i will send you the code. SIMPLE.
CHEERS!Hello geekingbr,
Hope you are having good time!Ok i got your image and now please write down one by one all the requirements please?
Waiting for your return?Moreover, it is not boring, it is fascinating instead.
Vipin Saini I did not understand what you want me to do
Hello geekingbr,
Welcome Back!Actually, i mean the image which you have sent is confusing because you have drawn lines on so many places and i am confused what to change and what not so please be specific and let me know the exact things where you want changes.
Waiting for your return?
Cheers!Ok Vipin Saini
In relation red lines thought it would help me sorry . I would like to change the color of black circle on the left- side of the post name (circled in red in the top of the page corner) and the gray area where it is written ” CONTINUE LENDO ” (continue reading)Thanks again
Hello geekingbr,
First of all sorry for the delay.Here is your treasure.
1. To change the circle background color paste the following code at the end of your style.css file and save it.
.entry-format-badge.genericon.genericon-star {
background: #ff0000 none repeat scroll 0 0;
}2. And to change the button color paste the following code at the end of your style.css file and save it.
.more-link {
background: #ffff00 none repeat scroll 0 0;
}I hope it will help you.
Best Regards
VipinVipin Saini , as always perfect. Increasingly, the site is getting with my face , thanks to your help. Any hint that you have to give me I will like appreciate. Here is how was my site
Hello geekingbr,
Wow!! Your site is looking nice.
Cheers!
Vipin, thanks for helping geekingbr with the tweaks they wanted to make!
Please paste to following code at the end of your style.css file and save in order to change the border color of your search box.
I just wanted to mention that you should not add or change anything in your theme’s style.css file, or you will lose all your changes every time you update the theme to the latest version.
If you help other WordPress users, please don’t instruct them to modify their theme’s style.css or those folks are going to be in for an unpleasant surprise when they next update their theme. π
geekingbr – if you haven’t gone one of these routes already, an easy way to add custom CSS is to install the Jetpack plugin and 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.
As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.
Kathryn thank you for your concern , but I have done just that thanks to some topics in that forum.
The topic ‘Color SEARCH Button’ is closed to new replies.
