Okay
  Public Ticket #2519633
color several texts and items
Closed

Comments

  • helmi_scheepers started the conversation
    August 27, 2020 at 9:47am

    Hello,


    I am having trouble to find where to change the color of several items, I have looked everywhere an probably missing something.

    1. the colour of the portfolio filter navigation texts on portfolio page

    2. the colour of the portfolio item excerpts on portfolio page

    3. the colour of both text and blocked image of the single project page navigation4. 

    4. the colour of the page header subtitle on the project page

    5. the colour of the share and like buttons on the project pages

    These are all grey, which is unreadable in colour scheme of our website...

    Thanks for helping.

  •   Andrew replied privately
  • helmi_scheepers replied
    August 28, 2020 at 6:14pm

    Thanks very much. Please find beneath the colours:

    1. the colour of the portfolio filter navigation texts on portfolio page > active: #000000, inactive: #ffcc66

    2. the colour of the portfolio item excerpts on portfolio page > #ffffff

    3. the colour of both text and blocked image of the single project page navigation at bottom > #ffcc66

    4. the colour of the page header subtitle on the project page> #ffffff

    5. the colour of the share and like buttons on the project pages > #ffcc66

    In addition, I was wondering how I can change the colour of the body text that has a link assigned, as you can find on the Over page (at the bottom, linked to contact, portfolio and opdrachtgevers) and Contact page (my e-mail address). The colour is now red, but I would also like to change to #ffcc66

    Thank you!

  •  2,965
    Andrew replied
    September 1, 2020 at 7:56am

    Hi there,

    1. Add the following custom css in Salient > General settings > CSS/Script related:

    body[data-button-style*="slightly_rounded"] .portfolio-filters-inline .container ul li a {
    color: #ffcc66;
}
body[data-button-style*="slightly_rounded"] .portfolio-filters-inline .container ul li a.active {
    color: #000000 !important;
}

    2.

    .portfolio-items .work-meta p {
    color: #ffffff;
}

    3.

    .bottom_controls #portfolio-nav .controls a, .bottom_controls #portfolio-nav .controls i {
    color: #ffcc66 !important;
}

    4.

    body.single-portfolio .row .col.section-title h1, body.single-portfolio .row .col.section-title span {
    color: #ffffff !important;
}

    5.

    .nectar-social a, .share-btn {
    background: #ffcc66;
}

    Try the following css:

    body a {
    color: #ffcc66;
}

    Thanks.

  • helmi_scheepers replied
    September 1, 2020 at 10:17am

    Magic! Thanks very much!

    A few final things though, to make it complete. I hope you can help with those:

    re. 3: in the bottom navigation of the project pages of the portfolio items the text navigation of Previous and Next Project has changed colour, but the small squares in the middle that lead back to the Portfolio page are still gray. Is there a way to also change these to #ffcc66?

    re. 5: I'm sorry, I didn't mean for the background colour of the buttons to change colour, but the texts in the buttons. So where it reads 'Share', and the number next to the heart. To change these texts from gray to #ffcc66. I assume the colour of the numbers next to the hearts underneath the images on the Portfolio page will then also change from gray to the colour #ffcc66?

    Thanks so much for your help!

  •  2,965
    Andrew replied
    September 1, 2020 at 12:28pm

    Hi there,

    - Add the following custom css:

    .bottom_controls #portfolio-nav ul:first-child #all-items a i {
    background-color: #ffcc66;
    box-shadow: -0.5em 0 #ffcc66, -0.5em 0.5em #ffcc66, 0.5em 0 #ffcc66, 0.5em -0.5em #ffcc66, 0 -0.5em #ffcc66, -0.5em -0.5em #ffcc66, 0 0.5em #ffcc66, 0.5em 0.5em #ffcc66;
}

    - Try this:

    #project-meta .nectar-love, .share-btn {
    color: #ffcc66 !important;
}

    Hope this helps.

  • helmi_scheepers replied
    September 4, 2020 at 12:46pm

    Hi again,

    Thank you - nearly there. All has been resolved except for the colour of the numbers next to the heart in the Nectar love-button (both on the Single Project pages and on the Portfolio page). These are still gray and have not taken on the colour #ffcc66.

    Hope there is a way to fix this, thanks again for your help!

  •  2,965
    Andrew replied
    September 4, 2020 at 1:18pm

    Hi there,

    Add the following custom css:

    body .nectar-social.hover .nectar-love .nectar-love-count {
    color: #ffcc66 !important;
}

    Thanks.

  • helmi_scheepers replied
    September 7, 2020 at 8:49pm

    Hi,

    the colour has changed on the Single Project pages, but not on the Portfolio page. Is it possible to also have the numbers next to the Nectar love hearts on the Portfolio page in #ffcc66 instead of the gray (no idea where this gray comes from or what colour values it has)? I've searched everywhere but no succes...

    Thanks very much!

  •  8,851
    Tahir replied
    September 8, 2020 at 11:36am

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .nectar-love-wrap .nectar-love-count {
    color: #ffcc66 !important;
}

    Thanks

    ThemeNectar Support Team 

  • helmi_scheepers replied
    September 8, 2020 at 12:41pm

    It worked! All the colour issues have now been solved, thank you very much!