Custom CSS, Drop Caps

  • Posted in : Read WP
  • ladyk74
    Participant

    Hi,

    could you help me in figuring out what to enter in custom css if I want the font size of the content to be the same as in the lead paragraph, which is Lora 1.2 em I believe.

    The default font size is too small, if you read the blog on mobile the font size is fine, but in Desktop version I find it to small, The lead paragraph size seems to be perfect.

    On that note, if I change the main content font size to 1.2em like the lead paragraph I would need to make the lead paragraph font size a bit larger.

    Also, could you tell me how to show the drop caps in the theme?

    Thanks!

    ladyk74
    Participant

    also I seem to fail to successfully implement layerSlider plugin on front page.

    Mehmet S.
    Keymaster

    Hi, use this custom css:

    .entry-content p { font-size: 1.2em; }
    

    – you can check out the shortcode list in your theme’s documentation for drop caps.

    – sorry, not tested with that plugin.

    Thanks

    ladyk74
    Participant

    Ahhh thanks I found the shortcode under “others” :)

    I got the slider implemented, I used your tutorial for the slider on homepage, and just replaced the shortcode from the Layerslider plugin.

    ladyk74
    Participant

    One last question, If I want on Desktop mode to have the the larger font size, but keep the smaller on mobile, what would I have to enter in CSS, or is this too complicated?

    Mehmet S.
    Keymaster

    Try this:

    @media (max-width: 767px)
    {
    .entry-content p { font-size: 1.1em; }
    }
    
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register