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):
Could you please help me once again with the same object? I've tried to code that with no luck:)
On hover bg is white and covers the image. That is ok. On top of that is the content, the ikon and the title. I would like to have that content to be hidden in normal state (only image visible) and visible on hover only on white background.
Sorry for the late turn around, we can get overwhelmed sometimes by the number of tickets.
You will have to add in a Extra class to the Columns so the css only works on it.
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):
Hi!
Cant find a css that allow me to make solid white on hover over the portfoilo item. Solid color GB. Now is some opacity below 1.
http://2xsarchitecture.pl
Many thanks!
Hey Again,
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):
.portfolio-items[data-ps="1"] .col .work-item:hover .work-info-bg, .portfolio-items[data-ps="2"] .col .work-item:hover .work-info-bg, .portfolio-items.carousel .col .work-item.style-2:hover .work-info-bg { opacity: 1 !important; }Thanks
ThemeNectar Support Team
Thanks Tahir,
Works great!
All the bst
Hi!
Could you please help me once again with the same object? I've tried to code that with no luck:)
On hover bg is white and covers the image. That is ok. On top of that is the content, the ikon and the title. I would like to have that content to be hidden in normal state (only image visible) and visible on hover only on white background.
Many thanks!
http://2xsarchitecture.pl
Hey Again, Hope you had a Great Weekend,
Sorry for the late turn around, we can get overwhelmed sometimes by the number of tickets.
You will have to add in a Extra class to the Columns so the css only works on it.
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):
a.column-link:hover~.vc_column-inner { opacity: 1; } a.column-link~.vc_column-inner { opacity: 0; transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1),opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1); -webkit-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1),opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1); }Thanks
ThemeNectar Support Team
Perfect!
Many thanks, all the best Tahir.