Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 6, 2019 at 2:38 pm #1116284
    MadRhino

    Hey guys,

    Just wondering why the headers of my blog posts are now all in uppercase again, even though they were not while the site was still under development running the exact same settings. I’m using the exact same custom CSS file along with identical settings and even in the Custom CSS under the theme’s settings, there doesn’t seem any difference.

    So, how would I need to go about removing the text transformation (uppercase) for these blog post headers and categories to match them to the style on the development site?

    I included links to both pages below.

    As always, many thanks for your time and help with this.

    July 6, 2019 at 5:10 pm #1116299
    Mike

    Hey MadRhino,
    Thanks for the links, your merged css styles don’t match between the sites, one has this css:

    h3 {
    font-size: 55px;
    line-height: 1.075em;
    text-align: center;
    text-transform: none !important
}

    the other doesn’t.
    Please try disabling your Enfold Theme Options > Performance > JS & CSS file merging and compression and check the option at the bottom of the page to Delete old CSS and JS files then save the options and reload your site and clear your browser and site cache. Then enable your JS & CSS file merging and compression again to see if your css rule is added.
    Otherwise, try to add this css:

    .html_elegant-blog .avia-content-slider .slide-entry-title {
    text-transform: none !important; 
}

    Best regards,
    Mike

    July 8, 2019 at 1:09 pm #1116648
    MadRhino

    Thanks for getting back to me, Mike.

    I simply added that h3 style to my new site and it did the trick.

    You are right in that that I skipped any performance enhancing measures while my site was still a work in progress.

    And how about removing the uppercase text-transformation for the blog categories (same pages as above)?

    I tried locating the required code by inspecting it through Google, but to no avail.

    Many thanks again, Mike

    July 9, 2019 at 3:22 am #1116849
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .html_elegant-blog #top .post-entry .minor-meta {
    text-transform: none !important;
}

    Best regards,
    Mike

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