End of Support for Joomla 3 - Forum closed
Change CSS for Continue Reading link
Hi.
I would like to change the CSS for the 'Continue Reading' link, e.g. www.waterbabies.com.au/new_site/index.php/about-us so that it looks like the 'Read More' button, e.g www.waterbabies.com.au/new_site/index.php
Can you show me how, I can't seem to find the relevant CSS
Thanks
Chris
I would like to change the CSS for the 'Continue Reading' link, e.g. www.waterbabies.com.au/new_site/index.php/about-us so that it looks like the 'Read More' button, e.g www.waterbabies.com.au/new_site/index.php
Can you show me how, I can't seem to find the relevant CSS
Thanks
Chris
by edsitewa
Please Log in or Create an account to join the conversation.
- joomlaplates
-
Offline
- Moderator
-
- Posts: 8840
- Thank you received: 1736
Replied by joomlaplates on topic Change CSS for Continue Reading link
Posted 8 years 6 months ago #15579
If you want to have a special style for the "continue reading" of the Joomla articles you have to create an override.
In this case you should use the class="uk-button", see image below.
For example, just take the Joomla article layout /warp/systems/joomla/layouts/article.php and copy it to your style folder /styles/STYLE-NAME/layouts/article.php and modify it. > See image below and add a css class for the "read more"
Now your modified article layout file will be used instead of the default system layout.
In this case you should use the class="uk-button", see image below.
For example, just take the Joomla article layout /warp/systems/joomla/layouts/article.php and copy it to your style folder /styles/STYLE-NAME/layouts/article.php and modify it. > See image below and add a css class for the "read more"
Now your modified article layout file will be used instead of the default system layout.
Attachment uk-button.jpg not found
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
Last Edit:8 years 6 months ago
by joomlaplates
Attachments:
Last edit: 8 years 6 months ago by joomlaplates.
Please Log in or Create an account to join the conversation.
Replied by edsitewa on topic Change CSS for Continue Reading link
Posted 8 years 6 months ago #15583
Thanks, that worked.
I have also tried changing the footer background colour from black to white, but can't seem to get it to work. If you don't mind could you show how I could do that.
Chris
I have also tried changing the footer background colour from black to white, but can't seem to get it to work. If you don't mind could you show how I could do that.
Chris
by edsitewa
Please Log in or Create an account to join the conversation.
Replied by edsitewa on topic Change CSS for Continue Reading link
Posted 8 years 6 months ago #15602
Hi.
re. changing the footer background colour from black to white
Fixed this by editing directly /templates/jp-snowflake/css/joomlaplates.css - line 196
/* Footer Left Right
========================================================================== */
.footer-lr-outer {
padding-top:20px;
padding-bottom:20px;
background:#fff;
re. changing the footer background colour from black to white
Fixed this by editing directly /templates/jp-snowflake/css/joomlaplates.css - line 196
/* Footer Left Right
========================================================================== */
.footer-lr-outer {
padding-top:20px;
padding-bottom:20px;
background:#fff;
by edsitewa
Please Log in or Create an account to join the conversation.
Moderators: joomlaplates