Site logo

Archived topic

CSS code dont work

7 replies · Started by Martin on December 13, 2022

Viewing posts 1–8 of 8

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,

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.

This archived topic is closed to new replies.