Return to previous page

Custom HTML, Static Block and Widget in Header

This topic has 11 replies, 2 voices, and was last updated 3 years, 7 months ago ago by Olga Barlow

rj

Participant

September 13, 2020 at 21:58

Hi

1. Is it possible to increase number of custom widget and HTML Blocks in header? by default, we can only use two widgets and 3 HTML Blocks.

2. Please have a look at the link of static block i made in private content area. I tried to show this as my website logo by adding custom HTML block and selecting static block. but its not displaying properly.
I also made a widget with custom HTML (Appearance -> Widgets) and tried to show same widget in header. but it is also not displaying properly.
Can you please help me on this.

Please, contact administrator
for this information.

#251302 Copied Theme version: 7.0.1

10 Answers

Olga Barlow

Support staff

September 14, 2020 at 15:45

Hello,

1) Nope, only these elements.
2) Remove the width for the custom class and add the width for the SVGs in the Static Block code http://prntscr.com/uh3eno

Regards

#251354 Copied

rj

Participant

September 15, 2020 at 07:05

Thanks it worked perfectly. I even removed the separate CSS file and put whole code in HTML.
Can you please tell me how to do alignment of static block. I want to change the top and bottom padding as the logo is not aligned with search bar and other widgets in the main header row.
https://prnt.sc/uhfqbf

Please contact administrator
for this information.

#251410 Copied

rj

Participant

September 15, 2020 at 12:44

Also, to make it responsive
https://prnt.sc/uhmbh6

Thanks in advance

#251431 Copied

Olga Barlow

Support staff

September 15, 2020 at 15:57

Hello,

1) Remove the default margin-bottom of the Raw HTML element http://prntscr.com/uhqj1d
2) Add max-width:100% for your SVGs to make it fit the block where it’s located.

Regards

#251460 Copied

rj

Participant

September 15, 2020 at 16:29

Hi Please let me know where to add max width 100%

I think you already did it for testing and I saw that it was already fixed. But I think you changed it back. Can you please do it again or tell me how to change max width to 100%

#251468 Copied
Olga Barlow

Support staff

September 15, 2020 at 16:39
Hello,

Add the following style to Theme Options > Custom CSS
```
.et_b_header-html_block .dropdown svg {
    max-width: 100%;
}
```
Regards
#251471 Copied
rj

Participant

September 15, 2020 at 16:46

Sorry it didnt work. Can you please check

#251473 Copied

Olga Barlow

Support staff

September 15, 2020 at 16:50

Hello,

Your custom CSS area was empty. I have added the custom and it works.

Regards

#251475 Copied

rj

Participant

September 15, 2020 at 17:04

Ah actually you added in Global CSS and I added in Desktop.
Thanks so much for your help!

#251478 Copied

Olga Barlow

Support staff

September 15, 2020 at 17:07

Hello,

You are welcome.

Regards

#251479 Copied
Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘Custom HTML, Static Block and Widget in Header’' has been successfully resolved, and the topic is now closed for further responses

Custom HTML, Static Block and Widget in Header

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection