Archived topic
Read more floating
13 replies · Started by William on November 8, 2022
Hello,
I want my read more tag to be floating on the right and I did use this code (below) in the extra CSS tab but nothing happens.
a.read-more.button {
float: right;
}
I'm I missing something heren?
Thanks.
Kind regards,
William
Hi there,
can you share a link to a page where i can see the read more you want floating right ?
Try this CSS:
a.read-more {
float: right;
}
Unfortunately this also didn't work.
Where are you adding the CSS?
And is is still added to the site ?
Hi David,
Yes it is still added to the site.
I have added it to extra CSS in the customizer menu.
Can you disable your cache plugin so i can see whats happening ?
I just did.
Are you using any other otpimization plugins ? As i do not see the Additional CSS in the <head> of your site ?
I check, and I deactivated WProcket so now it should be okay.
Ok, so that CSS i gave is inside a @media query so its only affecting mobile.
At the end of your CSS you will see:
@media (max-width: 768px) {
@media (max-width: 768px) {
.post-image img {
max-width: 100%;
}
a.read-more {
float: right;
}
}Change that to:
a.read-more {
float: right;
}
@media (max-width: 768px) {
.post-image img {
max-width: 100%;
}
}Then it should work on all devices
Perfect, now it works :-)
Thanks a lot David, have a great day!
Kind regards,
William
You're welcome
