Tagged: Font-color, portfolio grid
-
AuthorPosts
-
May 3, 2023 at 6:31 pm #1406370
Dear team,
I would like to change for ONE portfolio grid the font color (title, excerpt, read more). I’ve tried with classes & page ID´s, but was not successful.Your help is as always much appreciated.
Thx a lot & best regards, Tilman
May 3, 2023 at 8:16 pm #1406387Hey Tilman,
Do you mean one portfolio grid item, or one category in the portfolio grid, or one portfolio grid on your site where many are used?
Please link directly to the page so we can examine.Best regards,
MikeMay 3, 2023 at 8:27 pm #1406388Hey Mike,
I mean the grid gallery element with teasersthis one (first link) at the very bottom.
the “normal” grid font color (second link) shall remain as it is
thx & best regards Tilman
May 4, 2023 at 5:26 am #1406407Hi,
Thank you for the info.
You can add this css code to adjust the color of the blog post element in the “businessfotograf-hamburg” page.
.html_modern-blog .page-id-13565 #wrap_all .main_color .avia-content-slider1 .slide-entry-title, .html_modern-blog .page-id-13565 #wrap_all .main_color .avia-content-slider1 .slide-entry-excerpt, .html_modern-blog .page-id-13565 #wrap_all .main_color .avia-content-slider1 .slide-meta time, .html_modern-blog .page-id-13565 #wrap_all .main_color .avia-content-slider1 .more-link { color: #ffffff !important; }
If you need to adjust the style of a specific element, you can apply a custom css class name or ID to it. Please check the documentation below for more info.
// https://kriesi.at/documentation/enfold/add-custom-css/
Best regards,
IsmaelMay 4, 2023 at 8:21 am #1406414Hi Ismael,
this works, great. :_2 remaining Questions:
How do I avoid that the blog post date is shown in the gallery grid? It still does, whereas I de-activied it in the theme settings
If I need this 3 other pages in a similar way: Does the option via custom css class makes more sense in terms of css weight and flexibility?
thx again and best regards Tilman
May 4, 2023 at 5:02 pm #1406462Hi,
To avoid the date try this css:#top .avia-content-slider .slide-meta time { display: none; }
For your 3 other pages css would probably be the best solution, let us know if you need help adjusting the css above for your other 3 pages.
Best regards,
MikeMay 4, 2023 at 5:10 pm #1406468HI Mike,thx
Did I get it right: i.e. 3x CSS for each. page ID?
May 4, 2023 at 5:40 pm #1406472Hi,
Correct, then clear your browser cache and check.
Unless there is anything else we can assist with on this issue, shall we close this then?Best regards,
MikeMay 9, 2023 at 3:06 pm #1406892HI Mike,
the CSS for coloring fonts via page ID does work. But not the CSS re. “dont show date on grid” – pls see blog grid on the page belowAs well the blog entry categories shall not appear. I think I have ticked off everything in the blog layout settings, but it is still there.
thx again & best regards Tilman
- This reply was modified 1 year, 6 months ago by oestersund.
May 9, 2023 at 8:11 pm #1406937Hi,
Thanks for the feedback but your link leads to a 404 page, please check.
As I understand you want to hide the date and categories, correct?Best regards,
MikeMay 9, 2023 at 8:45 pm #1406941sorry Mike, pls find below
yes, that’s what I need
May 10, 2023 at 12:19 am #1406947Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.html_modern-blog #top #main .post-entry .blog-categories { display: none; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeMay 10, 2023 at 8:17 am #1406957Great, this works 👍 / Can be closed now
Thx a lot & best regards Tilman
May 10, 2023 at 5:17 pm #1407022Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘font color for a portfolio grid’ is closed to new replies.