Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • December 12, 2019 at 12:07 pm #1165175
    ShinyMan89

    Hi there,

    A frustratingly simple one for you guys! I just want to add some custom css so my default font becomes responsive.

    At the moment the default font is 17 and I’ve added this media query, but it doesn’t seem to be doing anything.

    @media only screen and (min-width: 1367px) {
    .your-custom-class p { font-size: 24px; }}

    I have also activated the custom css options in layout builder too!

    I look forward to hearing back from you.

    Thanks,

    Christian

    December 12, 2019 at 7:10 pm #1165291
    Nikko

    Hi Christian,

    Can you give us a link to your site? so we can try to inspect and check why it’s not working on your end.
    You can post the link in private content if you want it to be seen only by moderators.
    For the meantime, try to clear the browser cache and if you have a caching plugin, please clear it’s cache as well.

    Best regards,
    Nikko

    December 13, 2019 at 12:43 pm #1165503
    ShinyMan89

    Hi Nikko,

    That would be really helpful. Do you know if it’s easily doable? To set a media query in the custom css section of the Enfold->Apperance->Font section, so that it gets bigger on larger screen sizes?

    Many thanks,

    Christian

    December 13, 2019 at 4:09 pm #1165569
    Nikko

    Hi Christian,

    Thanks for providing us temporary admin access as well.

    I think there are some misunderstanding with how the Custom Css Class works.
    In your Quick CSS (located in Enfold > General Styling), I found this code:

    @media only screen and (min-width: 1300px) {
.body p { font-size: 24px; }}

    This will not work unless you have an element with a class of body, however since you might be trying to resize all paragraphs, you can remove the dot in .body so the code should be like this:

    @media only screen and (min-width: 1300px) {
  body p { font-size: 24px; }
}

    With this code, it basically means if your screen size is 1300px or higher (laptops or desktops) then all the paragraphs’ font size will be 24px.
    I hope my explanation clarifies some things, let us know if you need further help or clarifications. :)

    Best regards,
    Nikko

    December 13, 2019 at 4:48 pm #1165579
    ShinyMan89

    Hi Nikko,

    That’s exactly what I wanted to do, but was too stupid to figure it out!

    Let me try that and get back to you.

    Many thanks,

    Christian

    December 13, 2019 at 5:09 pm #1165581
    ShinyMan89

    That seems to have worked! Thank you so much for your help! Legend.

    Whilst your here, really sorry to ask, but how do I make the social icons larger and a different colour?

    Atm, they’re white and tiny in my footer, making them impossible to see! Any help on that front would be greatly welcomed

    December 13, 2019 at 6:28 pm #1165603
    Nikko

    Hi ShinyMan89,

    You’re welcome, as for the social icons you can use this css code (just replace the color and font-size):

    #top #wrap_all .social_bookmarks a {
    color: black;
    font-size: 20px;
}

    Hope this helps.

    Best regards,
    Nikko

    December 13, 2019 at 7:02 pm #1165618
    ShinyMan89

    Hi Nikko,

    I’ve tried doing that but it doesn’t seem to help?

    I’ve moved them to the header bar instead, but I still can only see one of them which is the email icon.

    Any idea how to resolve this issue?

    Thanks,

    Christian

    December 14, 2019 at 12:06 pm #1165840
    ShinyMan89

    One last thing, then I promise to go away!

    I want to exclude retina displays from my initial media query because now the font is 22 on my MBP and I imagine it would be on others too.

    Can I use this query?

    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
    /* Retina-specific stuff here */
    }

    Thanks

    Christian

    December 16, 2019 at 4:20 pm #1166475
    ShinyMan89

    Hi Nikko,

    Sorry to bother you, but any update on what I could do to resolve this issue?

    Thanks,

    Christian

    December 17, 2019 at 4:30 am #1166659
    Nikko

    Hi Christian,

    We apologize for the delayed response.
    Regarding the social media icons, there might be some css code that triggers it not to show, can you give us temporary admin access, the one you gave isn’t working now
    Regarding to the media query, yes you can use that media query to affect only mbp:

    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body p { 
    font-size: 24px; 
  }
}

    Best regards,
    Nikko

    December 17, 2019 at 12:48 pm #1166799
    ShinyMan89

    Thanks Nikko! You’ve been amazing!

    December 17, 2019 at 3:03 pm #1166850
    Nikko

    Hi Christian,

    You’re welcome, can you try to change it to a more secure password.
    I tried to login but I got this notification and was not able to login:

    INSECURE PASSWORD: Your login attempt has been blocked because the password you are using exists on lists of passwords leaked in data breaches. Attackers use such lists to break into sites and install malicious code. Please reset your password to reactivate your account. Learn More

    Best regards,
    Nikko

    December 17, 2019 at 4:33 pm #1166896
    ShinyMan89

    Sorry, thought I was being helpful!

    December 18, 2019 at 9:52 am #1167188
    Nikko

    Hi ShinyMan89,

    Thanks for giving us admin access.
    I have already checked into areas that might have some custom css affecting it but I could not find any.
    Even disabling css merging and minification does not seem to do anything.
    Can you try to flush out all cache from the caching plugins, deactivate them, put the site in maintenance mode, perform a backup then try to re-update the theme? then check if this fixes the issue.
    You can enable caching afterwards.

    Best regards,
    Nikko

    December 19, 2019 at 2:12 pm #1167736
    Nikko

    Hi ShinyMan89,

    I have updated your site based on https://kriesi.at/support/topic/missing-icons-after-updating-to-wordpress-5-3-1-and-maintenance-releases/
    And the social icons are now showing.
    The social icons issue on your site was a bug and was reported and should be fixed in the next version of Enfold.
    Let us know if you need further assistance.

    Best regards,
    Nikko

    December 19, 2019 at 4:12 pm #1167785
    ShinyMan89

    Ah,m thank you so much, Nikko for all of your support! Truly exemplary.

    Thanks again,

    Christian

    December 19, 2019 at 4:14 pm #1167788
    Jordan Shannon

    Hi,

    Did you need additional help on this topic or shall we close?

    Best regards,
    Jordan Shannon

    December 19, 2019 at 4:15 pm #1167789
    ShinyMan89

    All good Jordan,

    Let’s close.

    Thanks

    December 19, 2019 at 4:19 pm #1167794
    Jordan Shannon

    Hi,

    No problem. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • The topic ‘Responsive font size for Enfold's default font’ is closed to new replies.