Changing and customizing one menu item

cherrylakerealestate_7836 · May 2018

hi. I'm trying to update one menu item from this page: https://cherrylakerealestate.com/

The menu item i'd like to call out is "the citrus project". We have a designed logo for it, pictured below. We would like to create something like this mockup below, or at least be able to change the background color and customize text. I tried setting a class to the menu item in the builder and changing the background color, but it didn't work. I also added "!importnat" to the last line of code and it did nothing.

How can i make the change shown below?

Bryan · May 2018

Hi,

sorry but this will be not possible to do with custom css. You would also have to change the HTML which would require theme files modofication.

thanks

cherrylakerealestate_7836 · May 2018

Would it be possible to just change the background color of that one particular button?

Bryan · June 2018

You would have to first insert the button so we can check the styling.

thanks

cherrylakerealestate_7836 · June 2018

The button is inserted already: https://cherrylakerealestate.com/
It is called "the Citrus Project"

the color I would like to change the background is #576ea8 and the text should be white.

Pablo · June 2018

You can do it other way.

Try to turn on top right bar in Header & Subheader > Extras and use the action button.

You can change the colors of the action button in theme options > colors > header > action button

If you don't see this option update the theme to the newest version.

Thanks

cherrylakerealestate_7836 · June 2018

I changed the button to action button, however the style is not correct. https://cherrylakerealestate.com/

In the menu it asked me for Action Button: Background and color. Background I have set to blue (#566ea8) and color to dark grey (##3a3a3a). As you can see,the button color is showing up white with a blue border. How can i change that?

Also, in mobile version the button stay on top of the collapsible menu. is there a way to change this and make it within the menu?

Bryan · June 2018

This is because you have set the stroke button style in theme options>global>general.

This applies to all buttons so you have to change it there first to have a background.

You can change the button to be not visible in theme options>reansponsive>header.

thanks

cherrylakerealestate_7836 · June 2018

Photo links:

https://ibb.co/ioRik8

https://ibb.co/iKCTJT

What I would like to do for mobile version is remove the button from underneath the logo, but keep it inside the condensed menu as it is now. Based on your advice above, hiding the button removes it from the menu, not the home page underneath the logo.

Can you assist with this?

Pablo · June 2018

You can only hide it on mobile in BeTheme > Theme Option > Responsive > Header > Menu

Click Side Slide | Hide > Action Button

http://prntscr.com/jsesnk

Changing a position of button require an additional edit of HTML/JS code.

We do not prove this kind of modifications.

Thanks.

cherrylakerealestate_7836 · July 2018

Would you be able to tell me what the class of the action button is labeled as so that I can create my own modifications such as italicizing the text or bolding the text?

Pablo · July 2018

It depends what header do you have.

But all of header files can be find in includes folder.

Thanks.

cherrylakerealestate_7836 · July 2018

https://ibb.co/jKhHzJ

How can I remove the spacing in the header here? It is not a cause of padding on the content. It is from the header.

Changing and customizing one menu item

Comments