- This topic has 7 replies, 3 voices, and was last updated 3 years, 4 months ago by
Leo.
-
AuthorPosts
-
December 13, 2022 at 6:09 am #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 colorthank you
December 13, 2022 at 10:20 am #2460766Ying
StaffCustomer SupportHi 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?
December 13, 2022 at 10:49 am #2460802Martin
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;
}
}December 13, 2022 at 10:58 am #2460812Leo
StaffCustomer SupportHi 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/December 13, 2022 at 11:59 am #2460860Martin
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_Ithank you
December 13, 2022 at 12:13 pm #2460867Leo
StaffCustomer SupportThe live site is clearly using Astra:
https://www.screencast.com/t/sDggTFMHD2TIf 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/rzhAVGWZWe cannot check over your CSS for you – please use the validator service I suggested in the last reply.
December 13, 2022 at 12:58 pm #2460896Martin
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.December 13, 2022 at 3:11 pm #2460973Leo
StaffCustomer SupportGlad to hear.
-
AuthorPosts
- You must be logged in to reply to this topic.