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: 8807
- Thank you received: 1732
Replied by joomlaplates on topic Change CSS for Continue Reading link
Posted 8 years 1 month 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 1 month ago
by joomlaplates
Attachments:
Last edit: 8 years 1 month ago by joomlaplates.
Please Log in or Create an account to join the conversation.
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.
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