ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down.
Read our Farewell Blog Post for more details.
SOLVED .CSS issue
-
-
- Joombler
- Elite Rocketeer
- Posts: 715
- Thanks: 5
-
This image is hidden for guests.
Please log in or register to see it.
I am running Gantry 5.5.13 with Joomla! 4.1.4
Just found out that the button I use in _new_ articles do not show like it is defined.
Old articles (as from yesterday and later) show OK.
Example of correct button (blue link button @ bottom)
cloudzeeland.nl/index.php/nieuwtjes/alge...r-google-street-view
Example of faulty shown button (blue link button @ bottom)
cloudzeeland.nl/index.php/nieuwtjes/alge...gle-en-medische-data
In both cases I use the following css configured button:
.button {
display: inline-block;
padding: 0.5rem 1rem;
border-radius: 0.1875rem;
background: #3180c2;
color: #ffffff;
border: 0;
line-height: 1.5;
font-size: 1rem;
vertical-align: middle;
text-shadow: none;
transition: background 0.1s;
}
Can you tell what is going wrong here? Thanks! - Last Edit: 3 years 1 week ago by Joombler.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
The difference is that in the ok one you added the "button" class on the link (A tag), in the incorrect one you added the button class on the paragraph (P tag) - the latter being incorrect - so correct your markup.
Regards, Mark. -
The following users have thanked you: Joombler
- Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.069 seconds