Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 21, 2023 at 12:18 pm #1405160
    elenagrassi

    Hello,
    while checking my website I have realized that the titles of the articles in the general blog page have turned white (they were black). blog page
    I guess this must have happened while making changes to other pages, possibly by adding some customized CSS (under your guidance).
    For instance, I remember we added some quick CSS to turn the masonry captions white. I am not sure if that could have influenced the blog titles as well.
    Anyhow, could you help making the blog titles black again?
    I add login credentials.
    Best regards,
    Elena

    April 22, 2023 at 11:59 am #1405225
    Rikard

    Hey Elena,

    Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-259 h3.av-masonry-entry-title {
  color: #000;
}

    Best regards,
    Rikard

    April 24, 2023 at 5:31 pm #1405403
    elenagrassi

    Hi Rikard,
    I have tried. Unfortunately, it has not worked.
    Any other suggestions?
    Best regsrds,
    Elena

    April 25, 2023 at 8:01 am #1405480
    Ismael

    Hi,

    Thank you for the update.

    The title of the masonry title is white because of the following code.

    #top #wrap_all .all_colors .av-masonry-entry-title {
    color: white;
    font-size: 30px;
    line-height: 1;
}

    You may need to remove the modification or override it using the following css.

    #top #wrap_all .all_colors .av-masonry-entry-title {
    color: black;
    font-size: 30px;
    line-height: 1;
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after doing the modification.

    Best regards,
    Ismael

    April 25, 2023 at 5:05 pm #1405558
    elenagrassi

    Hello Ismael,
    yes, that code you mentioned that makes the masonry titles white was specifically added to make the titles white in the homepage portfolio masonry, as the titles there are over the images.
    But, at the same time, it made the titles white in the blog page masonry as well, but in that case white titles are not readable.
    So I would need to make the titles black only in the blog page masonry and not in the homepage masonry.
    I guess the code Rikard gave me was meant to do just that, as it is specific to the blog page (page no. 259), but it does not seem to do the job.
    The code you gave me turns all masonry titles black, which is not what I wanted.
    Any other suggestions?

    Best regards,
    Elena

    April 26, 2023 at 1:23 am #1405627
    Mike

    Hi,
    To specify your css for white titles on your homepage to work only on your homepage please change this css:

    #top #wrap_all .all_colors .av-masonry-entry-title {
    color: white;
    font-size: 30px;
    line-height: 1;
}

    to this, note the page ID “home” is added:

    #top.home #wrap_all .all_colors .av-masonry-entry-title {
    color: white;
    font-size: 30px;
    line-height: 1;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    April 26, 2023 at 8:41 am #1405662
    elenagrassi

    Hello Mike,
    the new css has worked fine, thank you very much.

    Best regards,
    Elena

    April 26, 2023 at 12:43 pm #1405691
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘blog articles’ title turned white’ is closed to new replies.