How do I edit H tags

Hello, how do I edit the settings for the H tags?

Hello,

Thank you very much for choosing our theme and contacting our support.

h1 is always a page title you can enter the page editing mode and change the title in the result h1 will be changed.

If you want to set the titles in the page and set h1, h3, h4 you can use Custom header element from WP Bakery Page builder chart

Best Regards

Hi there, thanks for the info. I’m more looking to edit the look of the H tags – i want to change the font, colour, size, etc. of the H1, H2, H3, H4 tags. Thanks

Hello,

Please navigate to Theme setting > Typography and configure some of the titles. The rest are set by means of Custom CSS. Advise what color size and font weight you want for your titles we shall provide CSS.

Best Regards

Hello, I would like to format the H tags as follows:

Hello,

/*h1*/
.page-title .entry-title {
    font-family: Raleway;
    line-height: 1.2;
    font-weight: 600;
    font-size: 12px;
}
.product-image-summary .entry-title{
    font-family: Raleway;
    line-height: 1.2;
    font-weight: 600;
    font-size: 12px;
}
.post-single-page .entry-title{
    font-family: Raleway;
    line-height: 1.2;
    font-weight: 600;
    font-size: 12px;
}
/*H3:*/
.product-grid-item .product-title{
    font-family: Raleway;
    line-height: 1.2;
    font-weight: 600;
    font-size: 12px;
}
.blog-post-loop .entry-title{
   font-family: Raleway;
    line-height: 1.2;
    font-weight: 600;
    font-size: 12px;
}

As you can see one and the same as tag is used for several headings. h4 is the custom heading configured inside the content.

Add this code to Theme Settings > Custom CSS

Best Regards

How do I use the font Satisfy? I tried to upload the font in the Custom Fonts tab and it gave me an error. I set the Secondary Font to Satisfy in the Typography settings and used the title-alt class and it did nothing. Then I changed your code to use Satisfy and it does nothing.

Hello,

Satisfy is a Google font which is available just in the Theme Settings > Typography http://prntscr.com/k098yd

If you do not have it provide your site admin access.

Best Regards

Hello, I can see Satisfy in my font list but it does not work no matter how I use it on the website. I tried using the Online Font Converter so I could add it as a custom font and the Online Font Converter just gives me an failed error. Any other suggestions? I just want to use Satisfy as an H2 title – could you provide code or is why won’t this font work when I set it in the Typography settings?

Attachments:

You must be logged in to view attached files.

Please, send us a screenshot where exactly do you want to apply this font on your website. And please, provide us your admin access we will check your configuration.

Hello, please see screenshots and admin access below:

Screenshots attached

Attachments:

You must be logged in to view attached files.

Hello,

1. Responsive design stipulates resizing and scaling of images. Your icons are images that is why they are scaled a bit on narrow devices.

2. Please add this custom CSS to Theme Settings > Custom CSS:

.mc4wp-form-basic input[type=text]{
   margin-bottom: 10px;
}

3. Please add this custom CSS to Theme Settings > Custom CSS:

.testimonial-content{
   font-size:30px;
}

Please change 30px for the size you need.

4. Page title is configured here: http://prntscr.com/k0vl9m

5. Subtitle: Please add this custom CSS to Theme Settings > Custom CSS:

.navigation-style-default .menu-mega-dropdown .color-scheme-dark .sub-menu>li>a{
   font-family: Raleway;
   line-height: 1.2;
   font-weight: 600;
   font-size: 30px;
}

6. ShopPage and common page have the same css http://prntscr.com/k0vl9m

7. The contact page is the same as Shop page and others.

Best regards

The problem with SVG icons is caused by your custom styles inside those SVG files. As you can see from the GIF image, some of your icons have similar CSS classes and some unnecessary styles from other icons are applied https://gyazo.com/e6e456b54c5ea5fc8a69a94ece0c0fad

Thanks for the CSS code, this fixed most of the issues. Could you help with the following as well:

Attachments:

You must be logged in to view attached files.

Hello,

We are glad that you sorted it out. Hope that you are able to change your rating to the highest mark 🙂

As for your request:

1. Try this CSS to change font family for our titles element and for portfolio filters

.portfolio-info h1,
div .masonry-filter li a,
div .title {
	font-family: Raleway;
}

2. Categories on the shop page are taken from your shop categories and can be managed in Dashboard -> Products -> Categories. You can enable/disable this menu in Theme Settings -> Shop -> Sidebar & Page title.

Regards

Hello, thanks this code fixed these issues but it also made all titles the Raleway font. I want H1 titles to be Satisfy and subtitles (H2, 3, 4, etc.) to be Raleway. How do I achieve this?

Attachments:

You must be logged in to view attached files.

Try to replace it with this one

.portfolio-info h1,
div .masonry-filter li a,
div h4.title {
	font-family: Raleway;
}

Thanks the last piece of code fixed the titles. There are a few more areas where I’d like the font to be Raleway – see attached.

Attachments:

You must be logged in to view attached files.

Hello,

You can try this code to change those titles as well

.related-products .slider-title,
#tab-additional_information .shop_attributes th,
.tabs-layout-tabs .tabs li a {
	font-family: Raleway;
}

Regards

Thanks, please see below:

Attachments:

You must be logged in to view attached files.

Hi,

Yes, seems to be a harder way to do everything with custom CSS. Please, send us your admin access and screenshots where exactly do you want to use Satisfy. We will configure our Typography options for you.

Ok thank you!

Hello,

You didn’t upload your screenshot so we configured this font for page titles and section titles with H1 and H2 tags. Please, check now.

Regards

See below

Attachments:

You must be logged in to view attached files.

Hi,

1. Here is a CSS code to increase spacing on mobile devices

@media (max-width: 1024px) {
    body .page-title {
        padding: 40px 0;
    }
}

2. You are able to specify any font size for the title element for any devices. Choose ‘custom’ size and use your own sizes.

3. Try to use our theme’s Images gallery instead of default WPBakery element.

Regards

Hello there,

Have you solved the problems you were asking about? Do you have any extra requests that we may help you with?

We hope that you are able to change you stars rating to the highest mark.

Thank you for understanding and waiting for your reply.

Kind Regards
Artem Temos

Hello

Thank you very much! Hope we will be able to improve it in the future to get 5 stars from you 🙂

But it is a very difficult question. There are hundreds of places where users want to customize the font family or size. So if we will add all these options to our Theme Settings panel it will be bloated with so many options and tons of custom CSS will be generated. That is why we divided all elements into a few groups that should have similar styles like text fonts, navigation, products and posts titles, widgets fonts. In addition to this, there are a few WPBakery elements like Custom heading and Responsive text block that gives you unlimited possibilities for font settings so you can customize them as you need. We are also analyzing all our customer’s requests regarding this question and will consider adding some extra options in the future. But again, we want to make it simple and user friendly 🙂

Hope you understand what we mean.

Kind Regards

[Author]

Posts