Return to previous page

Change of font style & size only in one html block in header

This topic has 8 replies, 3 voices, and was last updated 7 months, 2 weeks ago ago by Rose Tyler

Ankit Khandelwal

Participant

April 7, 2024 at 19:50

Change of font style & size only in one html block in header

I want to customise html block as below :
1. Font size
2. Font type
3. Color

See screenshot

Please, contact administrator
for this information.

#390529 Copied Theme version: 9.3.4

7 Answers

Tony Rodriguez

Support staff

April 8, 2024 at 08:48

Hello, @Ankit Khandelwal,

Thank you for contacting us and for using XStore.

Please add the next code in the HTML block field on your site

<h1 style="color:blue;font-size: 50px; font-family:sans-serif;"> B R D R </h1>

You may change the color, font size, and font-family value as per your requirement and publish it

We hope this helps. Should you require any further assistance, please do not hesitate to reach out.

Best Regards,
8Theme’s Team

#390573 Copied

Ankit Khandelwal

Participant

April 9, 2024 at 14:06

Need changes in header
1. Increase the height of the header & menu row

2. Make the header & menu row transparent so that image main image will be seen in homepage. (screenshot shared) on hover.

3. What are the more font design I can use

Please contact administrator
for this information.

#390882 Copied

Rose Tyler

Support staff

April 10, 2024 at 10:08

Hello, @Ankit Khandelwal,

Please open up new topics for new questions https://www.8theme.com/forums/xstore-wordpress-support-forum/

1/ Go to Header Builder > Main header settings > Computed box > add padding top and bottom https://prnt.sc/HT8H0FV61W_F , and you can do the same for the Menu element.

Additionally, we encourage you to explore other available settings and perform several tests to ensure you are comfortable with future header modifications.

2/ Header Builder > Multiple headers > Add new Header and set it for the Home page only. Edit settings of this custom Header for the Front page > Header overlap > On, then set transparent background for the header – https://prnt.sc/DEC34Vy8Pvx0

3/ https://www.google.com/search?q=css+for+font&rlz=1C5CHFA_enUA1016UA1016&oq=css+for+font&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIHCAEQABiABDIHCAIQABiABDIICAMQABgWGB4yCAgEEAAYFhgeMggIBRAAGBYYHjIICAYQABgWGB4yCAgHEAAYFhgeMggICBAAGBYYHjIICAkQABgWGB7SAQgyMTEzajBqNKgCALACAQ&sourceid=chrome&ie=UTF-8

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best Regards,
8Theme’s Team

#391069 Copied

Ankit Khandelwal

Participant

April 11, 2024 at 11:23

1. Which is the original font of top header of theme.
2. How I can change it to original font design but I increase font size & boldness

#391188 Copied

Rose Tyler

Support staff

April 11, 2024 at 13:19

Hello, @Ankit Khandelwal,

1/ Theme Options > Typography > Body Typeface > Font family.

2/ We are having difficulty understanding your recent communication. Could you please provide us with more specific details or clarify your request? We are eager to assist you, but we require a clearer understanding of what element you talking about.

Best Regards,
8Theme’s Team

#391205 Copied

Ankit Khandelwal

Participant

April 11, 2024 at 14:16

Please let me know which font original you used in this header (minimul outfils fashion2) because now it was changed on April 8

#391222 Copied

Rose Tyler

Support staff

April 11, 2024 at 15:05

Hello, @Ankit Khandelwal,

Do you mean this demo – https://xstore.8theme.com/elementor/demos/minimal-fashion02/ ? In this case, the font in the header is – https://prnt.sc/QJYSbT00axeq
Or this one – https://xstore.8theme.com/elementor/demos/minimalist-outfits/ ? – https://prnt.sc/beDa0nJ_f0AI

Best Regards,
8Theme’s Team

#391229 Copied
Tagged: font size, font style, header customization, html block, website design, woocommerce themes, wordpress
Viewing 8 results - 1 through 8 (of 8 total)