Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 3, 2013 at 3:38 am #28869
    cyrusis

    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.

    September 3, 2013 at 4:18 am #138914
    Ismael

    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

    September 3, 2013 at 4:26 am #138915
    cyrusis

    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!

    September 3, 2013 at 5:59 am #138916
    Ismael

    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

    September 13, 2013 at 3:55 am #138917
    cyrusis

    Thank you Ismael.

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