• Resolved DICKLY

    (@dicklim39)


    Hi

    I want some simple CSS modifications :

    1. Narrow down space between title and picture (on mobile version)
    2. Change title fonts and font size

    Here is a screen capture with points I want modify


    Screen Capture

    Deeply appreciated if any one can help

    Dicky

    • This topic was modified 2 years, 9 months ago by DICKLY.
    • This topic was modified 2 years, 9 months ago by DICKLY.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi there,

    Thanks for reaching out.

    Can you please share the site URL with me so I can check it out?

    Let me know and I’ll be glad to check this for you.

    Best,

    Thread Starter DICKLY

    (@dicklim39)

    Hi Daniyal,

    Thank you for reply here is the link

    Product Link

    See if you can help

    Thanks

    Dicky

    Hi there,

    Thanks for getting back to me.

    This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:
    ?

    
    /* Change product title font size and spacing */
    @media(max-width:768px){
    .single-product h1.product_title.entry-title {
        font-size: 22px;
    }
    
    .single-product div.product .woocommerce-product-gallery {
        margin-bottom: 0 !important;
    }
    }
    

    ?
    If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

    Best,

    Thread Starter DICKLY

    (@dicklim39)

    Hi Daniyal,

    It works great, thank you very much for your work

    Dicky

    You are very welcome. Have a nice day!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Help with some minor modicfication’ is closed to new replies.