Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • May 1, 2022 at 1:17 pm #1350114
    Marina

    Hello,

    I have three text blocs on main page: H1, H2 and normal text. The Font Size settings of all these elements do not have any effect at all. Please have a look. I do not want to make these settings the general ones for the whole website – they are just for the main page.

    Thank you,
    Marina

    May 2, 2022 at 6:47 am #1350157
    Ismael

    Hey Marina,

    Thank you for the inquiry.

    The global font style for the h1 element in the Advanced Styling panel is overriding the custom style for the text block. You can use the Special Heading element instead, but make sure to select a different Heading Style to get access to the Font Sizing settings.

    This is the css code that overrides the custom text block font size settings.

    #top #wrap_all .all_colors h1 {
    font-size: 26px;
    font-family: 'ubuntu', Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-transform: none;
}

    Best regards,
    Ismael

    May 3, 2022 at 11:44 pm #1350391
    Marina

    Hello Ismael,

    Thank you for your answer.
    I have one more question: how can I change the footer font size?
    I have found the following code, but it does not work:
    #footer .widget p { font-size:18px !important; }

    Thank you,
    Marina

    May 4, 2022 at 8:41 am #1350425
    Rikard

    Hi Marina,

    Thanks for the update. Please try this CSS as well:

    #socket {
    font-size: 12px;
}

    Best regards,
    Rikard

    May 4, 2022 at 8:25 pm #1350530
    Marina

    Hello,

    Does not work.

    Regards,
    Marina

    May 5, 2022 at 5:29 am #1350549
    Nikko

    Hi Marina,

    It does not work because the CSS style used is inline.
    Since you are using a footer page, go to Pages > Footer > edit the Text Block with the copyright, then on the upper right corner of the Content area you should see Visual and Text, click on Text and you should see this text font-size: 12px, change 12px to the font size you want to use.
    Hope it helps.

    Best regards,
    Nikko

    May 5, 2022 at 10:30 pm #1350682
    Marina

    Hello, Nikko,

    Thank you for your explanations, could you please help me with one more issue about my footer. I would like to decrease its bottom padding (significantly) and top padding (a bit), to get a narrow dark footer line at the bottom of the page. What is the best way to do this?

    Thank you,
    Marina

    May 6, 2022 at 1:16 am #1350697
    Nikko

    Hi Marina,

    Please try to add this CSS code in Quick CSS (this only affects the Contact page):

    @media only screen and (min-width:1100px) {
    .page-id-23 #av-layout-grid-1 {
        min-height: 733px;
    }
}

    Hope it helps.

    Best regards,
    Nikko

    May 6, 2022 at 1:55 am #1350704
    Marina

    Hello,

    I meant changing the paddings/margins of the custom footer page, so it affects all the pages where it is displayed. Please see the link.

    Regards,
    Marina

    May 6, 2022 at 2:02 am #1350709
    Nikko

    Hi Marina,

    I apologize for the misunderstanding, use this code instead:

    #footer-page .avia-section {
    min-height: auto;
}

    Best regards,
    Nikko

    May 6, 2022 at 8:13 pm #1350831
    Marina

    Hello,

    The code does not have any effect.

    Regards,
    Marina

    May 7, 2022 at 9:18 pm #1350902
    Marina

    Hello again,

    I am sorry, the code works, thank you. There was a mistake in the previous line of my CSS code. You can close the ticket.

    Regards,
    Marina

    May 8, 2022 at 9:08 am #1350926
    Rikard

    Hi,

    Great, I’m glad that you got it working, and thanks for the update. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Text Block Font Size is not working’ is closed to new replies.