1. I am using a custom dark grey color for standard text on our website. Is there a way to change the Post Loop Builder Post Title Heading Tag and Meta Categories to a custom color? It looks like I am limited to Light (white) and Dark (black).
2. On Portfolio Single Project page is it possible to adjust the Single Project Navigation w/ Images at bottom to be shorter, especially in mobile environment where the next/previous images compete in size with my Image Gallery? Can this size change be on mobile screens only?
1. Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Regarding the Single Project Navigation w/ Images, the issue is the next project link images are too large on vertical mobile phone screen and compete with the Image gallery. See attached screen shot from my phone. Is there a way to change the height of these link images on mobile phone so the previous and next project links don't stack? If they were smaller could they sit by side?
The default looks fine on desktop and pad. It is only on vertical Iphone that they look bad.
Add this into the Custom CSS box in your Salient Theme Options panel:
@media only screen and (max-width: 690px) {
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav ul .previous-project,
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav ul .next-project {
width: 50%;
min-height: 100px;
}
}
I'm happy that we could assist you! If you haven't already, please consider sharing your experience by leaving a review on ThemeForest. Your feedback is valuable to us and greatly appreciated!
1. I am using a custom dark grey color for standard text on our website. Is there a way to change the Post Loop Builder Post Title Heading Tag and Meta Categories to a custom color? It looks like I am limited to Light (white) and Dark (black).
2. On Portfolio Single Project page is it possible to adjust the Single Project Navigation w/ Images at bottom to be shorter, especially in mobile environment where the next/previous images compete in size with my Image Gallery? Can this size change be on mobile screens only?
Hi Carlo,
Thank you for reaching out to us.
1. Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.full-width-section>.col.span_12.dark .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content *, .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content *, .full-width-section>.col.span_12.dark .nectar-post-grid[data-text-hover-color=dark] .nectar-post-grid-item:hover .content *, .nectar-post-grid[data-text-hover-color=dark] .nectar-post-grid-item:hover .content *{ color: #6d6e71; }2. Could you please share a screenshot of what you'd want this to look like so we can advise further on this?
We look forward to your reply.
Thanks,
Andrew,
That's great regarding #1. Works perfectly.
Regarding the Single Project Navigation w/ Images, the issue is the next project link images are too large on vertical mobile phone screen and compete with the Image gallery. See attached screen shot from my phone. Is there a way to change the height of these link images on mobile phone so the previous and next project links don't stack? If they were smaller could they sit by side?
The default looks fine on desktop and pad. It is only on vertical Iphone that they look bad.
Thanks!
Attached files: BalestriArch_projects_nextlinks.png
BalestriArch_projects_imagegallery.png
Hi Carlo,
Thank you for getting back to us.
Add this into the Custom CSS box in your Salient Theme Options panel:
@media only screen and (max-width: 690px) { body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav ul .previous-project, body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav ul .next-project { width: 50%; min-height: 100px; } }Try this and let us know how it goes.
Thanks,
Works beautifully. Thank you again!
Hi Carlo,
Thank you for getting back to us.
I'm happy that we could assist you! If you haven't already, please consider sharing your experience by leaving a review on ThemeForest. Your feedback is valuable to us and greatly appreciated!
Kind regards,