Tagged: ,

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • October 6, 2020 at 7:10 pm #1250911
    edgold

    Hi,

    I’m using blog post content elements on a few pages, but the title and except of these blog posts doesn’t match the font size of the rest of the page/site. Hpw can I amend this?

    Regards,
    Ed

    October 6, 2020 at 9:41 pm #1250980
    Victoria

    Hey edgold,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.avia-content-slider .slide-entry-excerpt {
    font-size: 19px;
    line-height: 1.4em;
    font-weight: 300;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 6, 2020 at 10:24 pm #1250995
    edgold

    Great, that works for the excerpt, but doesn’t change the post title size

    October 8, 2020 at 5:06 am #1251255
    Rikard

    Hi,

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

    article.slide-entry h3.slide-entry-title a {
  font-size: 24px;
}

    Best regards,
    Rikard

    October 14, 2020 at 10:29 am #1252728
    edgold

    Thanks – this works well, though could you also please share how I can amend the line spacing height for the title. At the moment whenever it wraps there’s a v large gap between the lines of text.

    October 16, 2020 at 4:36 am #1253131
    Rikard

    Hi,

    Thanks for the update. Please try this CSS instead:

    article.slide-entry h3.slide-entry-title a {
  font-size: 24px;
  line-height: 20px;
}

    Best regards,
    Rikard

    October 16, 2020 at 10:12 am #1253216
    edgold

    That doesn’t seem to make any difference to the H3 vertical line spacing – I’ve played around with line-height: 20px; and no changes…

    October 17, 2020 at 6:55 am #1253437
    Rikard

    Hi,

    Please try this instead:

    article.slide-entry h3.slide-entry-title a {
  font-size: 24px !important;
  line-height: 20px !important;
}

    Best regards,
    Rikard

    October 17, 2020 at 1:21 pm #1253475
    edgold

    Hi, I’m afraid this doesn’t work either – changing the font size works fine, but changing the line height has no impact on the front end.

    October 18, 2020 at 12:57 pm #1253602
    Rikard

    Hi,

    The code I gave you is not applying since your CSS is served from a cached and minified source. Please try clearing that, or disable the plugin in question.

    Best regards,
    Rikard

    October 18, 2020 at 4:17 pm #1253615
    edgold

    The code is applying fine for the font size, but not the line spacing…

    October 20, 2020 at 4:09 am #1254213
    Rikard

    Hi,

    No it’s not, the titles on your blog page are getting their font size from the theme settings. That means that the CSS we have given you is not applying. Please clear all caches and/or disable your caching plugins.

    Best regards,
    Rikard

    October 23, 2020 at 10:49 am #1255212
    edgold

    Hi,

    I’m afraid you’re mistaken.

    You’ve given me a piece of CSS code that is supposed to change both the font size and line-height of post titles in blog post content elements.

    When I add this code and play around with the pixel sizes of both font-size: and line-height:, the font size changes (overriding the font size set by the theme) but the line height doesn’t. This suggests that it’s the code that doesn’t work, rather than any caching/plugin issues.

    Regards,
    Ed

    October 25, 2020 at 5:47 am #1255453
    Rikard

    Hi Ed,

    No I’m not, the code I gave you is not applying at all. You can see what is applying on your site in the screenshot in private, if you change that code then the line height will change too, as you can see in the screenshot as well. I can’t tell you where the code is added, since your CSS is cached/minified.

    Best regards,
    Rikard

    October 29, 2020 at 8:57 pm #1256871
    edgold

    Perhaps we’re talking at cross purposes, as (as you can probably tell!) I’m not a developer or designer. What I can assure you is that I have added the code you provided (below) to my quick CSS area, and when I change the font size in the code the font size changes on the front end. However, when I change the line-height there’s no change to the front end.

    Should I give you access to the site so you can check this for yourself?

    article.slide-entry h3.slide-entry-title a {
    font-size: 24px !important;
    line-height: 20px !important;
    }

    November 1, 2020 at 8:21 am #1257407
    Rikard

    Hi,

    Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    November 1, 2020 at 6:21 pm #1257465
    edgold

    Sure, log in provided.

    November 3, 2020 at 4:26 am #1257857
    Rikard

    Hi,

    Thanks for that. Please upgrade the account to have admin rights, as we can’t access the theme options otherwise.

    Best regards,
    Rikard

    November 3, 2020 at 11:17 am #1257936
    edgold

    Ah, apologies. Done!

    November 3, 2020 at 11:20 am #1257938
    edgold

    Please use these details

    November 4, 2020 at 12:31 pm #1258226
    Rikard

    Hi,

    Thanks for that. This CSS is added to your Quick CSS:

    article.slide-entry h3.slide-entry-title a {
  font-size: 30px !important;
  line-height: 40px !important;
}

    And it’s applying to your site: https://imgur.com/a/yEeg7sl

    Best regards,
    Rikard

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)
  • You must be logged in to reply to this topic.