Archived topic
CSS code dont work
7 replies · Started by Martin on December 13, 2022
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
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?
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;
}
}
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/
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
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.
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.
Glad to hear.