Throughout my site I try to modify text-pieces for bigger size. I believe I can do this simply by adding custom size into the HMTL-code-box in a text-editor. But honestly I have not been able to find out how to. It does display color-change etc. in the code, but there is no option to alter the text-size in the old-school text-editor.
If I go change e.g. "h2", it changes the font throughout the site. I have tried assigning a specific ID to the text-element, but cannot find out how to call it in the CSS-overwrite box. I believe though the above solution would be best suitable in terms of SEO etc.
Hi again. I am unsure what this would do. Would you insert such in the specific page's CSS box? And would that not overwrite all H2 on the given page? Or do you mean that .wpb_content_element (content element) should be replaced by the element-id in the given text-box? I am not 100% clear on that.
Also, the option I mentioned using the HTML/ code in the text-editor, would that do the trick, you think?
- Try using the Header Tags to size the Text in the Editor as that way you dont have to add in custom code to resize the text in Mobile/Tablet screens.
Hi.
Throughout my site I try to modify text-pieces for bigger size. I believe I can do this simply by adding custom size into the HMTL-code-box in a text-editor. But honestly I have not been able to find out how to. It does display color-change etc. in the code, but there is no option to alter the text-size in the old-school text-editor.
If I go change e.g. "h2", it changes the font throughout the site. I have tried assigning a specific ID to the text-element, but cannot find out how to call it in the CSS-overwrite box. I believe though the above solution would be best suitable in terms of SEO etc.
Hi peter,
Try the following custom css to change H2 font size:
.wpb_content_element .wpb_wrapper h2 { font-size: 40px; }Thanks.
Hi again. I am unsure what this would do. Would you insert such in the specific page's CSS box? And would that not overwrite all H2 on the given page? Or do you mean that .wpb_content_element (content element) should be replaced by the element-id in the given text-box? I am not 100% clear on that.
Also, the option I mentioned using the HTML/ code in the text-editor, would that do the trick, you think?
.wpb_content_element .wpb_wrapper h2 { font-size: 40px; }Hey Again,
- Try using the Header Tags to size the Text in the Editor as that way you dont have to add in custom code to resize the text in Mobile/Tablet screens.
- Also try using the New Responsive Typography Settings in here : http://prntscr.com/gnf951 .
Best.
ThemeNectar Support Team
But is there no way I can add an ID to the text-box or so, so that my H1 etc. wont be affected globally?
Or can you advice if I can overwrite the font-size in the HTML-editor?
Hey Again,
You can add a Extra Class to the Row/Column that has the Text Box and then use that particular CSS selector to target it.
Thanks
ThemeNectar Support Team
That was my idea, but so far I have had no luck. Can you please specify how this would look css wise?
Can you provide a page url where you need to adjust a specific element?.
Thanks
ThemeNectar Support Team
Hi. Pls see attachment. It is this textbox I would like to have much bigger. The Peter Packroff-text on the front (in the black bar). www.packroff.dk
Hey Again,
Try adding a Extra Class instead to the Row/Column as the Text Block Page Element ID field is disabled.
Thanks
ThemeNectar Support Team