Home › Forums › Porto – Responsive HTML5 Template › how to change some colors
- This topic has 10 replies, 2 voices, and was last updated 12 months ago by
Support. This post has been viewed 514 times
-
AuthorPosts
-
November 6, 2024 at 12:47 am #10045321
umbrellamanagement
ParticipantHello,
Please let me know how can I change the following, for the dark version.
– change the text color in white, now is in some grey
– for the Happy Clients sections – how to change the color of the testimonials and the color of text
Thanks for now.
November 6, 2024 at 7:16 am #10045323Support
KeymasterHello,
1)
(css/custom.css)
p { color: #FFF; }2)
(css/custom.css)
html.dark .testimonial.testimonial-style-3 blockquote { background: #000 !important; } .testimonial.testimonial-style-3 blockquote p { color: #FFF; }CHeck this: https://www.okler.net/forums/topic/how-to-find-which-css-is-being-applied-to-an-element/
November 7, 2024 at 5:49 am #10045324umbrellamanagement
ParticipantHello again,
Thank for your assistance.
Please help me with the following:
– I use the dark theme and I changed the colors with greens and greys, but on laptop/destkop I see these new colors. On mobile I see the original colors – blues. How can I change this for mobile so I will get the same skins on mobile/desktop?
– Why on the page https://umbrellamanagement.ro/goodbet/demo-cleaning-services-about.html, in the end I get such a big gap between the the sections? (between where I have the logo carousel the the call-to-action section?
– how can I change the fonts and color for the footer section?
– how can I add more social media icons? (Tik-Tok for example)
– is there any way to make a table more appealing? – the table at the end of the page https://umbrellamanagement.ro/goodbet/demo-cleaning-services-about.html. I have seen only 4 types of table on the elements page.
Thanks!
November 7, 2024 at 6:39 pm #10045325umbrellamanagement
ParticipantAlso, please let me know how to change the color for the text of the menu. I am interested about the hover color, since now is white, same as without hover.
Thanks!
November 7, 2024 at 9:30 pm #10045326umbrellamanagement
ParticipantAlso, you gave me this solution for white text:
But I need to have different color for some <P>. How can I change the colors for other, for example I need to be black.
For example the page https://umbrellamanagement.ro/goodbet/demo-cleaning-services-howitworks.html
– I need the text on the cards to be the color I need. Now is white and is the same as the backgrounds.
– Also, please let me know how can I change the background of the cards in this page.
Thanks!
November 8, 2024 at 2:06 am #10045327Support
KeymasterHello,
Unfortunately that is a bit beyond from what support can offer.
Our Support Center is here to help all the buyers with questions related to the template, but not customization to the buyers needs. Please consider that for the next questions.Item support does not include:
– Customization and installation services
– Support for third party software and plug-insSupport for our items includes:
– Responding to questions or problems regarding the item and its features.
– Fixing bugs and reported issues.
– Providing updates to ensure compatibility with new software versions.The definition of support we provide is based on Envato/ThemeForest license.
To change the colors and backgrounds, you need to find the CSS related to it, on Google Chrome press f12 and check the console, more details in this topic: https://www.okler.net/forums/topic/how-to-find-which-css-is-being-applied-to-an-element/
You will find all color in the CSS related to it.
Regarding social icons, they are based on FontAwesome, you can find available icons in this link: https://fontawesome.com/icons/tiktok?f=brands&s=solid – for TikTok the class is “fa-tiktok”.
November 8, 2024 at 2:09 am #10045328Support
KeymasterExample on how to change hover color for the menu:
(css/custom.css)
@media (min-width: 992px) { html.dark #header .header-nav.header-nav-links nav > ul > li:hover > a, html.dark #header .header-nav.header-nav-line nav > ul > li:hover > a { color: #FFF !important; } }
November 8, 2024 at 2:11 am #10045329Support
KeymasterThis reply has been marked as private.November 8, 2024 at 2:13 am #10045330Support
KeymasterThis reply has been marked as private.November 8, 2024 at 2:46 am #10045331umbrellamanagement
Participantok, thank, but what about:
– I use the dark theme and I changed the colors with greens and greys, but on laptop/destkop I see these new colors. On mobile I see the original colors – blues. How can I change this for mobile so I will get the same skins on mobile/desktop?
November 8, 2024 at 2:49 am #10045332Support
KeymasterThis reply has been marked as private. -
AuthorPosts
This topic is marked as "RESOLVED" and can not rceive new replies.
