how to change some colors

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
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #10045321
    umbrellamanagement
    Participant

    Hello,
    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.


    #10045323
    Support
    Keymaster

    Hello,

    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/


    #10045324
    umbrellamanagement
    Participant

    Hello 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!


    #10045325
    umbrellamanagement
    Participant

    Also, 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!


    #10045326
    umbrellamanagement
    Participant

    Also, 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!


    #10045327
    Support
    Keymaster

    Hello,

    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-ins

    Support 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”.


    #10045328
    Support
    Keymaster

    Example 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;
        }
    }

    #10045329
    Support
    Keymaster
    This reply has been marked as private.
    #10045330
    Support
    Keymaster
    This reply has been marked as private.
    #10045331
    umbrellamanagement
    Participant

    ok, 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?


    #10045332
    Support
    Keymaster
    This reply has been marked as private.
Viewing 11 posts - 1 through 11 (of 11 total)

This topic is marked as "RESOLVED" and can not rceive new replies.