How to change style in list layout

Start
Prev
1
Next
End

Walter Doljar
Topic Author
Offline
New Member

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.

ExtStore Moderator
Offline
Administrator

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.

Start
Prev
1
Next
End