Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • September 13, 2017 at 3:21 am #851321
    gwinenvato

    My H2 tag text is showing really big on mobile. I found another post in regards this and tried the code you guys left for them, but it didn’t work.

    • This topic was modified 7 years, 2 months ago by gwinenvato.
    September 13, 2017 at 3:57 pm #851618
    Victoria

    Hey gwinenvato,

    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

    
@media only screen and (max-width: 767px) {
.av_textblock_section  h2 {
    font-size: 16px;
}
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 13, 2017 at 7:55 pm #851703
    gwinenvato

    Thank Victoria – but that did not work. Any other suggestions? I’ve left the code in there if you want to take a look at the results.

    September 13, 2017 at 9:45 pm #851730
    Yigit

    Hi!

    It seems like you have added the code to custom.css file and it is working. You are using Autoptimize plugin. Please make sure to flush cache after making changes on your website.

    Regards,
    Yigit

    September 13, 2017 at 10:39 pm #851748
    gwinenvato

    Yes, but on mobile, the H2 to is showing up as ALL Caps and it should just be regular Initial caps….

    September 13, 2017 at 10:51 pm #851750
    Jordan Shannon

    Hi,

    Add this to quick css:

    @media only screen and (max-width: 767px)  {
.template-page .entry-content-wrapper h2{
text-transform:none!important;
}
}

    Best regards,
    Jordan Shannon

    September 14, 2017 at 5:25 pm #852203
    gwinenvato

    Here are screen shots of the mobile and regular version of the home page. All the text, not including the header, is #444 but on mobile, the text is all showing up as the same color as the header….

    http://fab.0bb.myftpupload.com/wp-content/uploads/2017/09/Home-page-Regular.png
    http://fab.0bb.myftpupload.com/wp-content/uploads/2017/09/Home-Page-Mobile-1.png

    September 14, 2017 at 5:26 pm #852204
    Jordan Shannon

    Hi,

    Is the h2 still showing all caps?

    Best regards,
    Jordan Shannon

    September 14, 2017 at 5:51 pm #852224
    gwinenvato

    Not any more. I added your code into the into Appearance / Editor / Style.css rather than into Theme Options / General Styling and that seemed to work. How do you know where to add your code? It seems some code works on the Style.css part and other code works in General Styling. It’s all very confusing. Also text modificaitons to H tag seem to work sometimes in the Advanced Styling, while often it has to be added in either one of the two CSS sections I listed above. Really trying to figure out an efficient work flow on mods instead of trial and error every time I build a site in Enfold. This is my 5th one and I still don’t have it dialed in. LOL.

    In regards to the screen shots I posted above…still having the color issue.

    Thanks!

    September 14, 2017 at 5:57 pm #852232
    Jordan Shannon

    Hi,

    Generally, I always try to add the code to Quick CSS first. Most of the time that works, if a conflict pops up it could be styling conflict somewhere or a caching issue.

    As for your text color issue, are you needing everything besides the header to be #444?

    Best regards,
    Jordan Shannon

    September 14, 2017 at 6:17 pm #852256
    gwinenvato

    THank you for the tip. Yes, all the text (except header and blockquote and links in the text) needs to be #444. Thank you.

    September 14, 2017 at 10:49 pm #852330
    Jordan Shannon

    Hi,

    I know you’re current having issues with css reading, but try the following:

    @media only screen and (max-width: 767px)  {
.main_color{
color:#444!important;
}}

    Best regards,
    Jordan Shannon

    September 18, 2017 at 5:06 pm #853501
    gwinenvato

    Well – that did not work….

    September 19, 2017 at 6:07 pm #853979
    Jordan Shannon

    Hi,

    Please remove all custom css you currently have on the site. If no css is working it is likely you have an error in the custom css preventing it from running. You can even attempt:

    body{
display:none;
}

    If this does not display a blank page, I’m sure you have a css error somewhere.

    Best regards,
    Jordan Shannon

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