A few questions about styling

[xyz911]

Hello, we just bought the theme and preparing to start a new project. Some questions we have to ask:

1. We installed demo 9, is it possble to edit the global color in some where, for exemple the hover color for menu, the icon color is purple, we want to change it, where can we find it?

2. In demo 9, in the area for registration, the fields of the email are not at the right place.

3. We want to use wp-rocket, is there any confilct with theme? And there is a plugin"sg optimizer", so if we use wp-rocket, we don't need use it, right? what is your recommand?

Thanks!

[xyz911]

This reply has been marked as private.

[logan]

hello, please collect your answers: 1.. goto wp-admin >> appearance >> customize >> body || header try colors from here. 2.. paste this in wp-admin >> appearance >> customize >> custom css .home-page section.stripe.plaxslider rs-slide.active-rs-slide .contactblock .form>form { display: flex; flex-direction: column; }   .home-page section.stripe.plaxslider input.form_submit.button.primary {width: 100%;} refer: http://prntscr.com/q7iiyg 3.. use wp-rocket. its splendid. one cache plugin at a time.

[xyz911]

This reply has been marked as private.

[Misty]

Hi You can use this code for removing the space between menu nav-bar and dropdown : nav .menu li.menu-item-has-children:hover>a:before{ bottom:20px; } ul.sub-menu{ top:55px; }

---

add this code in appearance->customize->custom css-> then save the changes Now check this please: https://prnt.sc/q8nl3r

[xyz911]

This reply has been marked as private.

[Misty]

Hi, According to your page i think there is no space now you can see in image , if  there no change are there then provide some info about where space still present. http://prntscr.com/qjv69b  

[xyz911]

Hi, the space I want to adjust is on the right side of the UK flag of the dropdown language menu. I indicated(red) in the screenshot. https://prnt.sc/qjxo1u   Thanks

[Misty]

Hi, @ xyz911 You can use this css to remove space nav .menu li:hover>.sub-menu { width:60px ! important; } And your output will be show like that  : http://prntscr.com/qk9z81 Hope it works.

[xyz911]

This reply has been marked as private.

[Misty]

Hi, http://prntscr.com/qkoknr As you can see in picture when we apply css for particular sub menu that can not possible because we have a same class for all sub menus if change in any one that can reflects  other so you have to use same width for all sub menu which will be look good so you can use this Goto : wp-admin > Appearance  > customize  > custom css nav .menu li:hover>.sub-menu { width: 105px ! important; }  

[xyz911]

ok, understand. If like that, can we only display the language name on the right side of the flag in the sub menu (I mean only flag in the primary menu, and flag with language name  in the drop down menu)?

[Misty]

Yes You can use both flag with language name that side space will also cover with language name .

[xyz911]

This is what I get when enable the language name in WPML. The language name display twice. And the postion od the name is wrong.  https://prnt.sc/qkr5bp Can I have: in the main menu, language name don't display, only flag display, and when the drop down menu is open, the flag and language name display?  

[Misty]

Hi, You were using language two places and and two times so first remove it both. http://prntscr.com/ql5nfe http://prntscr.com/ql5q9q Remove the font where I have marked it. And write at one place .

[Author]

Posts