Upsell Overlay CSS

  • Resolved cjbreither

    (@cjbreither)


    5 years, 11 months ago

    Hey there, I’m trying to find a way to apply the below code, which I’ve been using for my shop gallery overlay, to the products that are displayed in the upsells section of my single product pages. Any help on applying this overlay to the upsells would be greatly appreciated.

    .woocommerce .et_overlay:before {
    left: 0;
    margin-left: 0;
    content: 'view';
    /*** YOUR TEXT ***/
    font-family: 'Source Sans Pro', Arial !important;
    /*** YOUR CHOSEN FONT FAMILY ***/
    text-transform: uppercase;
    font-size: 24px;
    color: #000000;
    /*** COLOR OF YOUR TEXT ***/
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding: 5px 0;
}
    • This topic was modified 5 years, 11 months ago by cjbreither.
    • This topic was modified 5 years, 11 months ago by cjbreither.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    5 years, 11 months ago

    Hi @cjbreither!

    If I understand correctly, you would like to have this CSS applied only to the upsells of your individual product pages, yes?

    Can you please confirm?

    Cheers!

    Thread Starter cjbreither

    (@cjbreither)

    5 years, 11 months ago

    Hi @rynald0s, I’m trying to get this CSS to apply to only the upsell section on the single product pages in addition to the whole shop gallery (it already applies to the latter and works great).

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Upsell Overlay CSS’ is closed to new replies.