Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #28869

    Hi there,

    I need to change the font size in certain text blocks in the manner it was designed for this theme.

    I understand that I can just add basic html to change the font size but I’d imagine there should be a better way? When I add the html and save, it works. But when I go back to edit anything, it gets all screwy and resets.

    Thanks.

    #138914

    Hey,

    You can add this on your custom.css or Quick CSS to change the font size of the Text Block element:

    .avia_textblock p {
    font-size: 20px;
    }

    Regards,

    Ismael

    #138915

    Hi Ismael,

    This helps, but I only want it for certain textblocks. For example I’ll need multiple text blocks on a single page, but they’ll need to be different in size..

    Is there an ID that I can assign?

    How would the CSS look for that?

    Thanks Ismael!

    #138916

    Hey,

    You can add a unique selector for each Avia Elements. Edit functions.php, find this code:

    if(isset($avia_config['use_child_theme_functions_only'])) return;

    Below, add this code:

    add_theme_support('avia_template_builder_custom_css');

    Edit any avia elements like Text Block then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-textblock”.

    You can use something like this on your custom.css or Quick CSS:

    .avia_textblock.awesome-textblock p {
    background: blue;
    padding: 10px;
    font-size: 20px;
    }

    Regards,

    Ismael

    #138917

    Thank you Ismael.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Text Block font size’ is closed to new replies.