Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 10, 2018 at 9:07 pm #954878
    slui

    Hi,
    I’m trying to make the font bigger in the page title:
    Image 2018-05-10 at 3.04.15 PM.png

    I’m having problems executing this. I’ve tried:

    #top .main-title.entry-title {
    font-size: 22px !important;
    }

    And that didn’t work. I’ve tried others as well, but can’t seem to manipulate it. I can do it through the developer tools, but not in the CSS.
    Any help would be appreciated.

    Thanks.

    May 10, 2018 at 11:41 pm #954931
    slui

    Here is the website.

    May 11, 2018 at 8:46 pm #955433
    Jordan Shannon

    Hi,

    Add this to the VERY TOP of quick css so that it runs first:

    h1.main-title.entry-title{
font-size:22!important;
}

    Best regards,
    Jordan Shannon

    May 11, 2018 at 9:50 pm #955464
    slui

    Hi Jordan,
    This is the only CSS in the entire site at the moment. Yes it is placed at the very top of the CSS file.

    Image 2018-05-11 at 3.51.06 PM-Copy.png

    sl

    • This reply was modified 6 years, 7 months ago by slui.
    May 11, 2018 at 10:12 pm #955487
    Jordan Shannon

    Hi,

    Add it to the quick css section within Enfold options.

    h1.main-title.entry-title{
font-size:22px!important;
}

    I also forgot to add PX to 22 which is corrected now.

    Best regards,
    Jordan Shannon

    May 16, 2018 at 4:34 pm #957579
    slui

    Hi,

    Your solution worked but why only in the quick CSS section and not in the style.css file? I’m used to working in the style.css file because it is easier for me to organize the CSS using a text editor as opposed to within quick CSS.

    sl

    May 16, 2018 at 5:09 pm #957592
    Jordan Shannon

    Hi,

    Do you have any malformed css in your style.css file? This could prevent subsequent css from running.

    Best regards,
    Jordan Shannon

    May 17, 2018 at 1:38 am #957851
    slui

    Hi Jordan,
    The screenshot that you see above is all the CSS that I have. There is nothing else.
    I took the CSS that you gave me and applied to Quick CSS and it worked ONLY when the performance attributes were turned on like CSS compression.

    When I turned off the performance attributes, the CSS code that you gave me and placed in the style.css worked.

    sl

    May 18, 2018 at 5:34 pm #958730
    Jordan Shannon

    Hi,

    Ah I see. Reviewing previous threads what you mentioned above is in fact the case in that styles.css will work if compression is turned off. This is something that will likely need to be addressed by the devs in future updates.

    Best regards,
    Jordan Shannon

    May 18, 2018 at 11:28 pm #958858
    slui

    Yes…that is correct. Styles.css will only work from what I can tell if compression is turned off. This is a major issue.

    May 19, 2018 at 4:49 am #958896
    Mike

    Hi,
    With the compression turned on, please try rebuilding the merged css file. To do this you will need to re-save the theme options, please try entering a space in the Quick CSS box to make the “Save all changes” button clickable. After saving please clear your cache to reload the css.
    The best course is to enable compression after you are done developing your site.

    Best regards,
    Mike

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