-
AuthorPosts
-
September 7, 2019 at 3:59 pm #1135369
Hello,
How can I change the best way the size of h1, 2 and 3 to another size? Possible to change it for whole site?
When writings articles it doesn’t look very nice with three different sizes and therefore i want to have H1,H2,H3 etc. as same size.
Changing the font size will affect my SEO?Iconbox and other modules uses H3, how can I change it to H1?
Its for zorbas.dk and zorbas.se
- This topic was modified 5 years, 3 months ago by lech07.
September 8, 2019 at 2:04 pm #1135622Hey lech07,
You can set the font sizes of those elements under Enfold->Advanced Styling.
Best regards,
RikardSeptember 9, 2019 at 5:31 pm #1136140iconboks uses H2. Where is iconbox in the enfold>advanced styling?
I want to change the title to H1 but make the font smaller as it is to big.September 12, 2019 at 4:25 am #1137346Hi,
Please try choosing H2 in enfold>advanced styling.
I see your Icon Boxes are actually using H3 so you could use this css instead:h3.iconbox_content_title { font-size: 30px !important; }
Please adjust the font size to suit.
Best regards,
MikeSeptember 22, 2019 at 4:21 pm #1140645I somehow want to change the H3 to H2 or H1 in the iconbox and then make the text smaller as H1 would be a big font.
how is this possible?September 22, 2019 at 4:53 pm #1140649furthermore, i tried to set H2 and H3 to be same size from Enfold->Advanced Styling, but H2 is still different/bigger from H3.
see: https://www.zorbas.dk/graesk-buffet/September 22, 2019 at 6:31 pm #1140681Hi,
For your first question, changing the iconbox title to H1, we can help you with this with a custom function, but first, are you sure you want to do this? Because for good SEO each page should only have one H1 & H2, you can have many H3. You can change the font size of your headings to any size with no issues, but you should still only have one H1 on each page.
Now for the second part of your first question, it looks like you are using Enfold v4.5.3 without a child theme, so any customizing functions we offer will be lost when you update to our latest version 4.6.2 I would recommend installing the child theme, so your changes will not be lost with future theme updates Read about it & Get it here
For your second question about the font size of your iconbox title, it is not set by the heading size, H3, it is set by the “.iconbox_content_title” class, to change this please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top #wrap_all .iconbox .iconbox_content .iconbox_content_title { font-size: 20px !important; }
please adjust the font size to suit.
Best regards,
MikeSeptember 22, 2019 at 6:57 pm #1140702my thought is to change iconbox titles to at least H2 as i am using H1 and then it´s jumping to H3 (iconbox).
So im not using H2 on the frontpage, and wouldnt it be better to use H2 in iconbox title instead of H3?If you check my frontpage i dont have any H2 and i want to keep the good flow with H1 then H2 and then H3, what do you recommend?
Should I just leave it as it is?—————–
I am using a childtheme already but I didnt update the theme as i read alot had some issues. Can I update or will it brake something?September 22, 2019 at 8:40 pm #1140752Hi,
Very good, glad you are using a child theme. Try adding this code to the end of your child theme functions.php file in Appearance > Editor:function replace_tags_with_tags(){ ?> <script> (function($) { $(document).ready(function(){ function replaceElementTag(targetSelector, newTagString) { $(targetSelector).each(function(){ var newElem = $(newTagString, {html: $(this).html()}); $.each(this.attributes, function() { newElem.attr(this.name, this.value); }); $(this).replaceWith(newElem); }); } replaceElementTag('h3.iconbox_content_title', '<h2></h2>'); }); }(jQuery)); </script> <?php } add_action('wp_footer', 'replace_tags_with_tags');
It will change all h3 iconbox titles to h2
You don’t need to update if all is working fine for you right now.
If you have trouble with this please ensure that your jQuery is loading in the header, that is uncheck Enfold Theme Options > Performance > Load jQuery in your footer
Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.