Return to previous page

CSS on Portfolio hover - by Gayleen - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 6 years, 4 months ago ago by Rose Tyler

Gayleen

Participant

July 9, 2018 at 00:48

Please, contact administrator
for this information.

#196301 Copied

5 Answers
Rose Tyler

Support staff

July 9, 2018 at 08:46
Hello,

1. Please add this code in Theme Options > Styling > Custom css:
```
.portfolio-item.port-style-default .portfolio-descr {
    background:  transparent;
}
.portfolio-descr .project-title a, .portfolio-descr .posted-in a {
    color:  black;
}
```
2.
```
.portfolio-image .zoom {
    display:  none;
}
.portfolio-item-inner:hover .portfolio-image img {
    opacity:  1;
}
```
Regards
#196316 Copied
Gayleen

Participant

July 14, 2018 at 03:58

Thanks for your help with the CSS.

I can now easily edit the font styles on that page.

What I would like to do now, however, is shift the titles (project-title and posted-in) to be bottom-aligned on the images.

This way, the text will most of the time appear in the white space. I don’t want the text to be overlaid on my colour swatches:
http://ctsfishing.com/rod-colours/

Thanks

#196666 Copied
Rose Tyler

Support staff

July 16, 2018 at 08:18
You can use this code
```
.portfolio-descr {
    padding: 0px;
}
```
if this https://prnt.sc/k6x5nj is not what you are looking for, please describe the desired result in more details.

Regards
#196693 Copied
Gayleen

Participant

July 17, 2018 at 06:03

Perfect! Thank you very much Rose.

#196782 Copied

Rose Tyler

Support staff

July 17, 2018 at 07:21

You’re welcome!

Regards

#196785 Copied
Viewing 6 results - 1 through 6 (of 6 total)