Site logo

[Resolved] CSS code dont work

Home Forums Support [Resolved] CSS code dont work

Home Forums Support CSS code dont work

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2460374
    Martin

    Hello i need help with author box on me site.
    thebikerackdc.com you can check on any post. i have add CSS from this site https://www.wplogout.com/add-author-box-in-generatepress-theme/ but when I add the code the div like .author-box look in red color

    thank you

    #2460766
    Ying
    Staff
    Customer Support

    Hi Martin,

    I’m not seeing an author box on posts of thebikerackdc.com, can you link me to a post that has the author box?

    And what is the CSS code that is not working?

    #2460802
    Martin

    direct post is this for example:
    https://thebikerackdc.com/strongis-cycling-a-full-body-workout/

    not any CSS work.

    i have add this:
    .author-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 4%;
    margin-top: 30px;
    font-size: 1em;
    box-shadow: 0 9px 28px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    }

    .author-links a {
    font-size: 3em;
    line-height: 0.5em;
    float: right;
    }

    .author-box .avatar {
    width: 30px;
    border-radius: 100%;
    margin-right: 20px;
    }

    .author-title {
    font-weight: 700;
    }

    h4.author-title {
    margin-bottom: 0.5em;
    }

    .author-description {
    margin-bottom: 10px;
    }

    /* For Mobile Devices */

    @media
    (max-width: 768px) {
    .author-box {
    flex-direction: column;
    text-align: center;
    padding: 50px 10px;
    }

    .author-box .avatar {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
    margin-top: -35px;
    }

    .author-box .avatar img {
    max-width: 70px;
    }
    }

    #2460812
    Leo
    Staff
    Customer Support

    Hi there,

    The page you’ve linked (https://thebikerackdc.com/strongis-cycling-a-full-body-workout/) isn’t using GeneratePress as the theme.

    GP also doesn’t have the ability to make the CSS not work – you would need to make sure your CSS is completely error-free as it would stop other CSS from executing.

    This isn’t something we can help with but a service like this might help:
    https://jigsaw.w3.org/css-validator/

    Please refer to our support forum scope here:
    https://generatepress.com/what-support-includes/

    #2460860
    Martin

    Hi,

    what do you mean that the site not using Generatepress?
    https://prnt.sc/WyDqC5V7BYvC check the link.

    when is the div in red that means no working or?
    https://prnt.sc/FgMB4X_P4v_I

    thank you

    #2460867
    Leo
    Staff
    Customer Support

    The live site is clearly using Astra:
    https://www.screencast.com/t/sDggTFMHD2T

    If you recently switched the theme then you have a caching issue.

    I can see a syntax error of missing a closing bracket } in your screenshot:
    https://www.screencast.com/t/rzhAVGWZ

    We cannot check over your CSS for you – please use the validator service I suggested in the last reply.

    #2460896
    Martin

    Hi,

    I had to use Astra before now I have to buy lifetime Gneratepress and switch to this. i have now clear the cache. i hope now work ok
    the Bracket help now works the CSS well.

    #2460973
    Leo
    Staff
    Customer Support

    Glad to hear.

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