Return to previous page

Stretch product title on single product page

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

  • Avatar: lorchshop
    lorchshop
    Participant
    April 10, 2018 at 11:28

    Hello,

    is it possible to stretch the product title over the product image via css like in my added example?

    example

    Best regards
    Timo

    #190686 Copied
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 10, 2018 at 12:32

    Hello,

    Please provide us with your website URL so we can take a closer look.

    Regards

    #190693 Copied
    Avatar: lorchshop
    lorchshop
    Participant
    April 10, 2018 at 12:33

    Here ist the link to products page: https://www.fleischwolf-shop.de/produkt/vostro/

    #190694 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 10, 2018 at 12:45

    Please add this code in Theme Options > Styling > Custom css > Custom CSS for desktop (992px+):

    .single-product .product_title{
    position:  absolute;
    left: -50%;
    top: -40px;
}

.single-product .product-content {
    margin-top: 40px;
}

    Regards

    #190696 Copied
    Avatar: lorchshop
    lorchshop
    Participant
    April 11, 2018 at 09:16

    Thanks, it works very fine 🙂

    #190786 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 11, 2018 at 09:23

    You’re welcome!

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Artmaxy Store – WordPress WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
Lingerie Store – WordPress WooCommerce Theme
lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
WooPress Fullwidth
lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
Architecture – WordPress Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.