[Support request] simple css / can't change css on featured image caption

Home Forums Support [Support request] simple css / can't change css on featured image caption

Home Forums Support simple css / can't change css on featured image caption

  • This topic has 5 replies, 3 voices, and was last updated 4 years ago by David.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1229175
    ayse

    Hello,

    I am using GP Premium 1.9.1 and the theme is 2.4.2, as a child theme.

    1. I was able to pull featured image captions, using the snippet here: https://generatepress.com/forums/topic/image-caption-description-problem/ But I cannot change the font size or position even though I tried many relevant css that was suggested on the forum using Simple CSS.

    2. I tried to change the look of blockquotes, again using Simple CSS. Nothing changed.

    I deactivated plugins, nothing changed. I tried Additional CSS, it didn’t work either. I feel like I’m missing something.

    I hope you can help, thanks!

    #1229248
    Leo
    Staff
    Customer Support

    Hi there,

    1. Are you trying to add this CSS?
    https://generatepress.com/forums/topic/image-caption-description-problem/#post-823811

    It should definitely work. Is it still added currently?

    2. What CSS are you adding for this and can you guide me to a page where a block quote can be seen?

    Let me know ๐Ÿ™‚

    #1229443
    ayse

    Hi,
    thanks for the help.

    1. yes, still added.

    2.
    blockquote {
    font-family: “nunito”;
    font-size: 14px;
    font-style: regular;
    margin: 0.25em;
    padding: 0.25em 50px;
    line-height: 1.6em;
    }

    for blockquote: https://ayseluciebatur.com/2020/01/20/digikam-kullanma-kilavuzu1/

    I tried to change the look of regular image captions using Simple CSS, that didn’t make any changes either.

    #1229717
    David
    Staff
    Customer Support

    Hi there,

    you have a broken Media query at the top of your CSS ie it is missing a closing }:

    So this:

    @media (max-width: 768px) {
    
        /* CSS in here for mobile only */
        p {
            font-size: 16px;
        }

    Should look like:

    @media (max-width: 768px) {
    
        /* CSS in here for mobile only */
        p {
            font-size: 16px;
        }
    }

    Fix this and the CSS that follows it will work.

    #1229819
    ayse

    Thanks a million! ๐Ÿ™‚

    #1229823
    David
    Staff
    Customer Support

    You’re welcome

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