How to change style in list layout

More
6 years 1 month ago #997 by Walter Doljar
Walter Doljar created the topic: How to change style in list layout
How can I change...

1. ...the colour and the size of the project name in the list layout.
I want to use a bigger size for the text and change the colour of the text (project name) for better visibility when moving the cursor over the image.

2. ....the size of the the round icons (project link, gallery) in list layout.
How/which files, css....?


Attachments:

Please Log in or Create an account to join the conversation.

More
6 years 1 month ago - 6 years 1 month ago #1001 by ExtStore Moderator
ExtStore Moderator replied the topic: How to change style in list layout
Hi Walter Doljar,

Please open the file media/com_advportfliopro/css/style.css:

Button size: Modify at line 241 as follows:
.projects-wrapper .project-img .project-img-extra .project-icon {
 ....
 width: 45px;
 height: 45px;
 ....
}

Text size: add css:
.project-img-extra h4 {
 font-size: 24px;
 line-height: 24px;
 color: #HEX value;
}

.project-img-extra h5 {
 font-size: 18px;
 line-height: 18px;
 color: #HEX value;
}

Hope that helps. Please let me know if there is anything else I can help.

Regards,
Last Edit: 6 years 1 month ago by ExtStore Moderator.

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum
Don't have an account yet? Register Now!

Sign in to your account