- This topic has 13 replies, 2 voices, and was last updated 3 years, 5 months ago by
.
-
Posts
-
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
Customer Support
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
- You must be logged in to reply to this topic.
