Return to previous page

Header - by Manos Haritakis - on WordPress WooCommerce support

This topic has 8 replies, 3 voices, and was last updated 3 years, 8 months ago ago by Robert Hall

Manos Haritakis

Participant

February 28, 2021 at 09:14

hello,
is there any way to do this with the theme?
http://prnt.sc/1095bji
http://prnt.sc/1095bvt

#276919 Copied Theme version: 7.2.5

7 Answers

Rose Tyler

Support staff

February 28, 2021 at 10:40

Hello,

Theme Options > Header builder > Add connection block into the header content > add elements inside the block, for example – https://prnt.sc/1096ucx , use HTML or Button element to add Blog there. Or you can create a new menu with the desired links and icons and show it in the header via Secondary menu element.

Regards

#276932 Copied

Manos Haritakis

Participant

February 28, 2021 at 10:54

Hello, thanks for your quick reply.
i have created the connection block and the elements inside the block.
i just want when the mouse going to the element , to become black like the picture that i sent you.
http://prnt.sc/1095bvt

#276937 Copied

Rose Tyler

Support staff

February 28, 2021 at 11:46

Hello,

Custom CSS can be used. Could you provide URL of the site?

Regards

#276941 Copied

Manos Haritakis

Participant

February 28, 2021 at 11:56

http://www.eventerashop.gr

Please contact administrator
for this information.

#276942 Copied

Rose Tyler

Support staff

February 28, 2021 at 12:01

For which elements of your header do you want to get the mentioned hover effect. Provide a screenshot, please.

Regards

#276945 Copied

Manos Haritakis

Participant

February 28, 2021 at 16:24

i was thinking all of them
http://prnt.sc/109faj5

but you can help to one of them and i can do it to the others

#276987 Copied
Robert Hall

Support staff

March 1, 2021 at 07:58
Hi

Add the following mentioned CSS code in additional CSS by going to Dashboard > Appearance > Customization > Additional CSS
```
.header-top .et_connect-block span:hover, .header-top .et_connect-block .et_b_header-menu li a:hover {
    background: #000;
    color: #fff;
}
```
#277019 Copied
Viewing 8 results - 1 through 8 (of 8 total)