1. How can I remove the grey circle in the thumbnail of my portfolio item (the circle which shows the title of the portfolio item). I managed to delete the title but the circle still appears when I move my computer mouse over the thumbnails.
2. How can I add space between the portfolio items/colums?
Please take a look at my portfolio to see what I mean:
If you would also like to use custom CSS for other elements, I recommend Developer Tools on Chrome or Firebug on Firefox to inspect the elements on the page. Then you will know which CSS selector to adjust.
Hi,
I have two questions:
1. How can I remove the grey circle in the thumbnail of my portfolio item (the circle which shows the title of the portfolio item). I managed to delete the title but the circle still appears when I move my computer mouse over the thumbnails.
2. How can I add space between the portfolio items/colums?
Please take a look at my portfolio to see what I mean:
http://nieuw.sjoerdkorevaar.nl/portfolio/
Thank you very much for your answer!
Greetings,
Sjoerd
Hi Sjoerd!
In both cases, you can use custom CSS to adjust that.
1. Use this to completely hide the circle:
.uxb-port-element-item-hover { display: none !important; }2. Try this for adjusting the item spacing:
.uxb-port-root-element-wrapper.col4 .uxb-port-element-item, #content-wrapper.with-sidebar .uxb-port-root-element-wrapper.col4 .uxb-port-element-item { margin: 0 2% 2%; width: 20%; }If you would also like to use custom CSS for other elements, I recommend Developer Tools on Chrome or Firebug on Firefox to inspect the elements on the page. Then you will know which CSS selector to adjust.
Regards,
Paul
Hi Paul,
Thank you so much! My portfolio looks exactly how I wanted now!
Greetings,
Sjoerd
You're very welcome, Sjoerd!