change color inside search bar and buttons

digital-top · November 2020

Hi there,

I've just bought your theme and I did not find this answers in forum

1) I would like to have a search field in the header menu and I did it but I need to change the font color inside it. I would like to have it white, otherwise if I write inside I don't see any text (I guess that's because the font color and the background color are the same). Also can I write some starting text inside the search bar (such as "search here")?

By the way I am using grocery theme.

2) would it be possible to make this search bar as wide as possibile?

3) I need to change the color inside the woocommerce button and inside the submit form button. I would like to have ti white. Now it's a kind of green.

I am not putting here any info and password because I am not sure if this ticket is private or not ...

Also how can I attach images to tickets. Is it possibile.

Thanks in advance for your help and support

Phil · November 2020

Hello,
1) To change text color you will have to create a Custom CSS Code.
If you do not know how to do that, please, send me a link to your website and I will be able to help you with it.
To change the "Search Placeholder", please, go to: Betheme > Theme Options > Translate > General, and modify it there.
https://prnt.sc/vg4xht

2) If you use "Search: Icon | Default" you will have search bar on full width of your website, after click on magnifying glass.
https://prnt.sc/vg51va
But if you want to still use "Search Field", you will also need to create Custom CSS Code.

3) You can customize your buttons display in: Betheme > Theme Options > Global > Buttons.
https://prnt.sc/vg55fs
But if you want have diferent appearance for specific Buttons you will need to create Custom CSS Code too.

4) To attach images you can use services like snag.gy or pasteboard.co.

Thanks

digital-top · November 2020

Hi Phil

thanks for your answer.

My website is under construction so I would like to know how can I share private info to you. It's not clear to me if this discussion is private or open.

1) yes please I need CSS code

2) I would like to have a wider search bar, maybe on a second row if possibile

3) I customized the buttons but there is no way to customize the submit button for form and for cart

https://snipboard.io/9hVQH8.jpg

https://snipboard.io/AUtBRF.jpg

So please let me know how can I share private admin info with you

Thank you

Phil · November 2020

Please send this information privately thru the contact form which is on the right side at http://themeforest.net/user/muffingroup#contact
Notice!
Please attach a link to this forum discussion.
Thanks

digital-top · November 2020

Hi there, any news for me?

Phil · November 2020

We didn't get any message from you yet.
Please check your mail inbox for our response, look also inside the spam folder.
If you don't have any message from us, please send your login credentials again.
Be sure that you sent all required information mentioned in the previous message.
Thanks

Pablo · November 2020

Please use this CSS code:

1)

#searchform input.field::placeholder{
  color: red;
	opacity:1;
}

2) You would have to use the Muffin Header Builder to achieve that.

Basic headers does not have this kind of functionality to drop some elements to another row.

More about this plugin here: https://support.muffingroup.com/documentation/header-builder/

3) You would have to create some kind of CSS code to achieve that.

All of the buttons are inheriting the color from global settings as the Phil said.

Do you need help with it?

thanks

digital-top · November 2020

Dear Pablo

thanks for your email

1) OK put the CSS code and now I see the "cerca qui" in red inside the placeolder, but there is still another problem. When I start writing I don't see anything ... so I can't see what I am typing. I guess that I need anothr CSS code for that part.

2) OK I will have a look at that

3) I need help because I don't think that that particular buttons are related to global settings ... there is no way to change them in global settings. I changed all the other buttons but not the FORM SUBMIT BUTTON and not the ADD TO CART BUTTON

If I change the global setting some buttons change

https://snipboard.io/urJtlY.jpg

But not the ones I told you

https://snipboard.io/AUtBRF.jpg

https://snipboard.io/r6zpLV.jpg

Can you please have a look?

I sent you all the admin details a couple of days ago as you asked and you support told me that you have them

Thank you

digital-top · November 2020

Hi there, is there any answer to my request here?

I recap what I need:

1) change the submit button color for CF7 FORM and ADD TO CART BUTTON

2) change the font, background color and border of the SEARCH BAR in HEADER.

You already have all the info of my website, I sent them to support twice.

Can you please give me an answer?

It's been more than a week since I opened this ticket

Thank you

Pablo · November 2020

Sorry about the delay, I did not notice the response

1) I changed the color in the Theme Options > Global > Buttons and it works fine, did you check it?

https://prnt.sc/vi0osx

2) Use this CSS code:

.mhb-col .search input, .mhb-col .search input::placeholder{
	color:red !important;
	background:blue !important;
	font-family: 'Arial' !important;
}

Thanks

digital-top · November 2020

Dear Pablo,

thanks for your prompt reply

Ok for point n. 2, it's what I needed. Thank you

Regarding point number 1 maybe it's not clear what I need. I think you should take a look at the screenshot I attached and I am linking here below.

I know how to change buttons color and I did it, but this doesn't affect the SUBMIT BUTTON IN CF7 and the ADD TO CART BUTTON. The color of the text inside the button is GREEN but I need it to be WHITE

Did you see this screen?

https://snipboard.io/AUtBRF.jpg

https://snipboard.io/r6zpLV.jpg

They refer to any product page (such as prodotto/bread/) and to /contact/ page

Please let me know

Thank you

digital-top · November 2020

Sorry, I got this reply but the link is not working

https://forum.muffingroup.com/betheme/discussion/comment/190731#Comment_190731

Please let me know

Pablo · November 2020

There is a problem with Muffin Header Builder color of the hamburger menu.

We already noted it out, it will be fixed soon, for now please use this CSS

.mhb-col .mobile-menu-toggle{
	color:white !important;
}

I'm on your website, and it works, take a look at the screenshots:

https://prnt.sc/vkr301

https://prnt.sc/vkr3ao

https://prnt.sc/vkr3s8

thanks

digital-top · November 2020

Dear Pablo,

ok in the mobile menu now I see the toggle menu, thank you but I don't see the search bar. I need to see it. Please let me know how can I add it

Regarding the buttons it'ts very strange I tried to see the website from other browser and in private mode but I don't see the button white ... I still see them in green...

Thanks

Pablo · November 2020

1) Please be familiar with the "Custom" type of menu for mobile.

https://support.muffingroup.com/documentation/header-builder/#mhb-headertypes

https://prnt.sc/vkrs5j

2) That's because you set it to green again:

https://prnt.sc/vkrqyp

Thanks

digital-top · November 2020

Ok Pablo,

thanks a lot for your kind support

Orsola

change color inside search bar and buttons

Comments

This website uses cookies