Home Forums WoodMart support forum FONT STYLING Portfolio Titles

FONT STYLING Portfolio Titles

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #585612

    berger.thorsten
    Participant

    Hello.

    I have tried to find out how to change the font styling in Portfolio (see screenshot attached). Unfortunately I have not succeeded so far and I need your help.

    How can I change these “Project Titles” in Portfolio (as seen in screenshot)?

    What are the right “code tags” for “Advanced Typography Settings” or what is the CSS-Code to modify the font styling?

    Many thanks and best regards,
    Thorsten

    Attachments:
    You must be logged in to view attached files.
    #585886

    Hung Pham
    Keymaster

    Hi berger.thorsten,

    Thanks for reaching to us.

    Go to Theme Settings > Typography > Advanced. In this area, you can assign elements to below Custom Class

    ul.proj-cats-list li

    .wd-project h3.wd-entities-title

    Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/

    Regards,

    #585901

    berger.thorsten
    Participant

    Hello Hung Pham,

    many thanks for your response. It works perfect to optimize the font sizes and looks much better.

    But how can I optimize / decrease the Space between the two “Title Lines” in all devices views (green marked in the screenshots) and the “Black Box Padding” in Mobile View (pink marked”?
    Mainly in the “mobile view” there are unsightly text breaks in the titles…

    Many thanks for help.

    Regards,

    Attachments:
    You must be logged in to view attached files.
    #586190

    Hung Pham
    Keymaster

    Hi berger.thorsten,

    Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS and Mobile Custom CSS sections:

    .wd-project .portfolio-info .wrap-meta {
        margin-bottom: 5px;
    }

    Regards,

    #586328

    berger.thorsten
    Participant

    Hello Hung Pham,
    many thanks. Less space between the lines looks much better now!

    But what about the “box padding” in mobile view (pink in screenshot)? It would be great to have less space around the typography.

    Thank you und kind regards.

    Attachments:
    You must be logged in to view attached files.
    #586359

    Hung Pham
    Keymaster

    Hi berger.thorsten,

    Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS and Mobile Custom CSS sections:

    .wd-project div.portfolio-info {
        padding: 10px;
    }

    Regards,

    #586412

    berger.thorsten
    Participant

    Hello.
    Thank you so much! That’s it. Great.

    Best regards,

    #586416

    Hung Pham
    Keymaster

    Hi berger.thorsten,

    Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

    Regards,

Viewing 8 posts - 1 through 8 (of 8 total)