Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 4, 2018 at 1:43 am #893024
    jgdoyle1

    I’m using the Content Element “Blog Post” on a page. I’ve set my H1 and H2 tags to upper and lower case under the Advanced Styling section. When I use the Blog Post element in a grid format the post titles are H1 upper case only. I want them upper/lower case. How do I adjust this? Is there a setting or do I need to use CSS?

    Thank you!

    John

    January 4, 2018 at 3:34 am #893045
    Mike

    Hey jgdoyle1,
    By upper/lower case, do you mean Capitalize?

    text-transform: capitalize;

    Best regards,
    Mike

    January 4, 2018 at 4:22 am #893061
    jgdoyle1

    Hi Mike,

    Thanks for your response. Yes, I mean first letter caps and the rest of the word lower case. I was asking about a specific instance of it in the Blog Post widget. It seems to always capitalize the title of the post whereas I’ve already set the H1 tag to first letter caps only. How do I override that code within the Blog Post widget?

    Thanks.
    John

    January 4, 2018 at 5:07 am #893074
    Mike

    Hi,
    We could help with some css, Please include the url to the page in question so we can take a closer look.

    Best regards,
    Mike

    January 5, 2018 at 1:12 am #893505
    jgdoyle1

    Hi Mike,

    I put a direct URL link into the Private area below. Thanks for your help. I simply want to make the blog grid titles upper case for the first letter and lower for the rest. As I mentioned I already set the H1 and H2 tags to “None” for this but it doesn’t resolve in the Blog Post widget.

    John

    January 5, 2018 at 3:53 am #893545
    Mike

    Hi,
    If you are happy with with your “none” setting, then use this code in the General Styling > Quick CSS field for the widgets:

    .widgettitle {
    text-transform: none!important; }

    Best regards,
    Mike

    January 5, 2018 at 8:19 pm #893831
    jgdoyle1

    Hi Mike,

    This is not working as it’s written. I’m not speaking about WordPress widgets in the sidebar. I speaking about the Avia Layout Builder widget entitled “Blog Posts”. When I insert that into a page the blog titles are all caps even though I’ve set a global parameter for the H1 text-transform to “none”. I want the text-transform to be “none” so I can have beginning capital and the rest lower case.

    Use the link above and click over to the actual blog page. The blog titles are upper and lower case. That’s how I want the homepage blog posts to look too.

    Thanks.
    John

    January 6, 2018 at 12:30 am #893901
    Mike

    Hi,
    Ok, so the post page title is good:
    2018-01-05_172342
    To get this on the blog home page, please try this in your quick CSS:

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

    Best regards,
    Mike

    January 6, 2018 at 5:57 am #893953
    jgdoyle1

    Bingo! Thank you, Mike. You guys are the best!

    John

    January 6, 2018 at 6:02 am #893955
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Blog Post Content Element – How to change the H1 tag to upper/lower case’ is closed to new replies.