Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 31, 2019 at 10:21 pm #1105879
    eskitaco

    Hello,

    I followed the directions on the Typography Documentation page to add custom styling to Dropcap Style 1, but it is not working. I’m sure it’s a simple solution but the edits that I’ve tried didn’t work. Can someone please take a look at it for me and let me know what the issue may be? Thank you!

    June 2, 2019 at 3:20 am #1106230
    Mike

    Hey eskitaco,
    Thanks for the link to your site, I took a look at your drop-cap shortcode and found that there was a curly quote in the code instead of a straight quote, I corrected.
    I also disabled your css merged in the Enfold Theme Options > Performance > JS & CSS file merging and compression because sometimes it can be difficult to clear, I recommend leaving this off and any site caching until your site is done.
    Please clear your browser cache and check.

    Best regards,
    Mike

    June 2, 2019 at 6:34 pm #1106408
    eskitaco

    Hi Mike,

    Thanks for the assistance! It worked earlier this morning but when I changed the colors, it stopped and reverted back to the default style. I flushed the cache but no luck. I didn’t change anything else, just the colors.

    Just an fyi… the curly quote is actually on the Typography Documentation page. I originally didn’t copy the shortcode, I copied the text (see below image) and pasted into my code on the page, and it automatically added the curly quote.

    Dropcap Style 1 Curly Quote

    June 2, 2019 at 9:31 pm #1106438
    Mike

    Hi,
    Thanks for pointing this out, we’ll get this corrected.
    I found an error in your drop-cap css, the first commented line had a space after the star and before the backslash, so it commented out all of the css until the next commented out line.
    I corrected for you, but I see more errors after one of your media queries and I’m not sure where you want your closing bracket.
    Please try adding your Quick CSS to WordPress > Customize > Additional CSS to test for errors, the tool will show
    red X for each error.

    Best regards,
    Mike

    June 2, 2019 at 10:09 pm #1106454
    eskitaco

    You’re the man, Mike! Thanks for the tip. Never knew I could do that to check my work.

    Ok, so I followed your instructions and copied the code into Appearance > Customize > Additional CSS and fixed the errors. I then copied the edited code and pasted back into Theme Options > General Styling > Quick CSS… and now the dropcap code isn’t working again. I apologize for the inconvenience that I’m causing. I’m a n00b and an idiot.

    I’m not touching anything you already edited either. WTF?

    P.S. What am I doing to make the dropcap css from not working if I didn’t change anything? All I did was update other css code and saved. Hopefully there’s something that you can think of that will help prevent this from happening again. Thank you, Mike.

    • This reply was modified 5 years, 3 months ago by eskitaco.
    June 2, 2019 at 11:21 pm #1106473
    Mike

    Hi,
    Perhaps you were looking at a cached version of the css, I have corrected for you.
    Bad space after *

    /* DROPCAP STYLE 1* /

    this is corrected

    /* DROPCAP STYLE 1*/

    Best regards,
    Mike

    June 2, 2019 at 11:24 pm #1106478
    eskitaco

    Gotcha. Please lock this sucker up before I eff it up again. Thank you, Mike.

    June 2, 2019 at 11:29 pm #1106480
    Mike

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

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Dropcap Style 1 Custom CSS Not Working’ is closed to new replies.