hero image

Changing Accent/Hover Colors

Home Forums WordPress Themes Unik Changing Accent/Hover Colors

Forums WordPress Themes Unik Changing Accent/Hover Colors

PLEASE NOTE A RECENT CHANGE:
The forum is read-only. Please submit any support request here.

Viewing 15 posts - 1 through 15 (of 18 total)
  • Author
    Posts

  • cpfischer
    Member
    TT Client
    #75882

    How do I change the accent/hover colors in the theme? I have the colors set-up in the Unik theme settings, but how do I change the portfolio (Element) colors? Specifically, the text color, button color, and the hover color (1EB1BA).

    I also want to change the hover color from red to 1EB1BA over text and links.

    Are these changed via CSS, and not the Unik settings?


    Anonymous
    Inactive
    Inactive
    #75901

    Hi there,
    Yes, you were right.
    You will need to use Custom CSS rules in order to change individually the portfolio elements.
    Do you need a hand of help with the CSS rules?
    Best Regards


    Anonymous
    Inactive
    Inactive
    #75902

    P.S. By the way, I have disabled the “Coming Soon” mode in order to take a closer look.


    cpfischer
    Member
    TT Client
    #75923

    It would be great to get some help with the CSS. Thank you.


    Anonymous
    Inactive
    Inactive
    #76029

    Hi there,
    Sorry for the big delay.
    Could you please provide with a screen(mockup) with the colors/hex’ that you want to use so I could provide you with the CSS rules?
    Thank you


    cpfischer
    Member
    TT Client
    #76070

    See attached images. The hex colors shown in the mockups are Dark Jungle Green #182127, Snow #f9f9f9, and Light Sea Green #1eb1ba.


    Anonymous
    Inactive
    Inactive
    #76184

    Hi there,
    We have changed those colors using Custom CSS.
    Please check everything and tell us if you like it.
    Best Regards


    cpfischer
    Member
    TT Client
    #76204

    It looks great! Thank you for your help.

    Can the “Recent Works” text (currently blends in with the background) above “Explore Creative Design” be changed to #182127? Also, when you hover over each portfolio item, I notice the text above “Everything”, “Video”, “Print”, “Web”, “Logo” is difficult to read. Can this text be changed to #182127?

    And can the text link hover color in the footer be changed to #f9f9f9? It blends in with the background as well.


    Anonymous
    Inactive
    Inactive
    #76256

    Hi there,

    Sorry but I am not understanding why do you want to change the “Recent Works” text color with the same that is used for the background.
    Maybe you are just trying to say that it should be different from #182127, so I have provided you with the following Custom CSS:

    #works .fancy-title h4 {
        color: #adadad !important;
    }
    

    For the portfolio details on hover:

    .portfolio-front h6 b,
    .portfolio-front h6 span {
        color: #182127 !important;
    ]
    

    For the footer links on hover:

    ul.text-beta li a:hover {
        color: #182127 !important;
    }
    

    Best Regards


    cpfischer
    Member
    TT Client
    #76277

    This is helpful, and you assumed correctly. Thank you for your help.

    There are a few small CSS issues that I mentioned that still do not show up properly (see attached). All color changes shown should be #f9f9f9. Can I get the Custom CSS to change these as well? Thanks in advance.


    Anonymous
    Inactive
    Inactive
    #76318

    I think that I have managed to change all of them.
    Can you please do a hard refresh an check?
    Thanks


    cpfischer
    Member
    TT Client
    #76340

    Thank you for all your help. There are a few things on the website that still don’t reflect the colors. Colors shown are Snow #f9f9f9, Dark Jungle Green #182127, and Light Sea Green #1eb1ba.


    cpfischer
    Member
    TT Client
    #76407

    Could you post the code for the CSS for the changes above?

    Also, how do I remove the header image on the Portfolio page (see attached image)? And how do I get each individual portfolio page to show up properly with the portfolio image (see other attached)? Right now it just shows a cut-off version of the image when you click on an item on the portfolio page.


    Anonymous
    Inactive
    Inactive
    #76448

    Hi there,

    Please upload a smaller logo image for the shape. We are using a 148×107 image for the demo.

    For changing the portfolio titles color on mouse hover, please use:

    .post-title a:hover {
        color: rgb(249, 249, 249) !important;
    }
    

    I can see that you are using a portfolio archive page instead of the regular one as in the demo. Is this the result you need or you just didn’t know that you have to change the page slug from /portfolio/ to anything else like /works/. This will help you achieve similar layout: https://teslathemes.com/demo/wp/unik/works/

    Please provide me we your FTP credentials ( as a private reply to this email ) and I will inspect the issue with the header image.

    Best Regards


    Anonymous
    Inactive
    Inactive
    #76499

    Unfortunately, I am unable to log in using the credentials.
    Can you please check them?

Viewing 15 posts - 1 through 15 (of 18 total)

Changing Accent/Hover Colors

Home Forums WordPress Themes Unik Changing Accent/Hover Colors

[i]
[i]
[i]
[i]