Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • July 5, 2016 at 6:43 am #656832
    Hello

    My site’s background colour is dark with white text, but I would like only the blog posts to be black text on white background. Also I would like to use a different font for the blog posts than the font used on the rest of the site.

    July 6, 2016 at 1:33 pm #657426
    Rikard

    Hey Hello,

    I’m not sure I understand what you mean by that, do you mean this section: LATEST NEWS FROM AL KALIMA?

    Best regards,
    Rikard

    July 6, 2016 at 7:37 pm #657682
    Hello

    Hi,

    The blog page (assigned to blog) itself should remain the same as the theme for colour scheme and font. However, the blog post should be black text on white background and a custom font different to the site font.

    For example, this post (currently draft), should inherit the custom background, text colour and font:

    • This reply was modified 8 years, 5 months ago by Hello.
    July 7, 2016 at 12:41 pm #657961
    Rikard

    Hi,

    I get a 404 page on the link you posted, could you check please?

    Best regards,
    Rikard

    July 7, 2016 at 12:45 pm #657967
    Hello

    Hi Rikard, you need to be logged in as admin to view the post, it is currently set to “Draft” status. Login details provided in private content previously.

    July 8, 2016 at 12:18 pm #658351
    Rikard

    Hi,

    Ok, please try the following in Quick CSS under Enfold–>General Styling:

    .single-post .post-entry {
    background-color: white !important;
    color: black !important;
    padding: 20px !important;
}

    Regards,
    Rikard

    July 8, 2016 at 12:34 pm #658358
    Hello

    Hi Rikard
    Thanks. However, the H1 header is still white colour in the post. The heading tags too needs to be switched to black text.
    https://www.dropbox.com/s/cafv4t73brczgio/Screenshot%202016-07-08%2017.32.48.png?dl=0
    I also need to have the blog posts use a custom font and font size (different to the site default). How can I achieve that?

    • This reply was modified 8 years, 5 months ago by Hello.
    July 9, 2016 at 12:00 pm #658743
    Rikard

    Hi,

    Please try the following as well:

    .single-post .post-entry h1, .single-post .post-entry h2 {
    color: black !important;
}

.single-post .post-entry {
    font-family: arial, verdana !important; 
}

.single-post .post-entry p {
    font-size: 20px !important; 
}

    Thanks,
    Rikard

    July 9, 2016 at 8:23 pm #658828
    Hello

    Thanks Rikard

    The only remaining customization I need for this is to also have a custom font for the H1/H2/H3 headings. The Google font is called Tenor Sans.

    Thanks.

    July 9, 2016 at 8:39 pm #658835
    Basilis

    Hi!

    .single-post .post-entry h1, .single-post .post-entry h2 {
    font: Tenor Sans !important;
    }

    Using that one, you can add any type of custom font you want, but it would also need to be called ( if you are using it from backend theme options it is loaded properly ).

    Please let us know if we can help with an other way.

    Cheers!
    Basilis

    July 9, 2016 at 8:58 pm #658847
    Hello

    Hi Basilis

    Thanks, I added the last custom code to the Quick CSS but it doesn’t call/load in the post. If you want to have a look into the back end, login details were provided in private content earlier in this thread.

    Thanks!

    July 12, 2016 at 12:25 pm #659783
    Andy

    Hi,

    use this code instead: 

    .single-post .post-entry h1, .single-post .post-entry h2 {
font-family: Tenor Sans !important;
}

    Please use different tickets for different questions/issues, otherwise it gets very confusing here.

    Best regards,
    Andy

    July 18, 2016 at 1:49 pm #661938
    Hello

    Thanks

    July 18, 2016 at 1:57 pm #661952
    Andy

    Hi,

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Custom background colour, font and font colour for Blog posts’ is closed to new replies.