• Hampmir

    (@hampmir)


    Hi Guys

    I have a small problem with my woocommerce theme and i just cant figure out how to correct it using CSS. as you can see at the link, the SKU number and Catagory tags are at the same line in the buttom at my single product page. This makes it so you cant really tell what is what. therefor i just want to seperate these two lines so the catagory is below the SKU (varenummer). How do i do this?

    http://timetex.surftownwebdesign.com/produkt/patient-ninja/

    • This topic was modified 9 years ago by Hampmir.
Viewing 14 replies - 1 through 14 (of 14 total)
  • Tehseen Ahmed

    (@tehseen721)

    Hi

    if you really want to separate the sku and category as you say in your above problem. add below css i guess it solve your problem.

    .product_meta span {
    display: -webkit-box;
    }

    regards

    Thread Starter Hampmir

    (@hampmir)

    Damn that worked like a charm, thank you so much. Do you also know how to move the variation box down under the title. So color variation box is down under color title and so on. is that also that simple a snippet?

    Tehseen Ahmed

    (@tehseen721)

    i dont get your point its already under the title. kindly explain

    Thread Starter Hampmir

    (@hampmir)

    no what i mean is that i want it to look like this πŸ™‚
    https://www.dropbox.com/s/b1yi0lumrqasghn/F%C3%A6rdigt%20resultat.jpg?dl=0

    Tehseen Ahmed

    (@tehseen721)

    oppppss add this one and tell me please if its work for you.

    table.variations tr td {
    display: inherit;
    }

    Thread Starter Hampmir

    (@hampmir)

    it works perfect they just need a little padding between the two variations and also between the last boks and the price πŸ˜€ (it doesnt work to use padding-buttom πŸ™‚ also is it possible to make both boxes always being as wide as the widest one?

    • This reply was modified 9 years ago by Hampmir.
    Tehseen Ahmed

    (@tehseen721)

    select#pa_color {
    margin-bottom: 12px;
    }

    try this one

    Thread Starter Hampmir

    (@hampmir)

    Your are really good at this! if its not too much i just have two things for it two be perfect!

    Is it possible to make so that the variation boxes always are the same size – the sixe as the biggest one / widest one?

    and how to i make 20px of padding between the price and the quantity input box, and make the price 26px font size? :I

    Tehseen Ahmed

    (@tehseen721)

    How to design this simple thing?

    Thread Starter Hampmir

    (@hampmir)

    I fixed the padding issue now, now i only need to find out how to make the boxes the same size πŸ™‚ sorry i do not have i microphone :/

    Tehseen Ahmed

    (@tehseen721)

    Sounds good

    Thread Starter Hampmir

    (@hampmir)

    That would be awesome, im also off work now so i will respond on monday if you type something here. Thank you so much, your help has really save me for so many hours of work and you just figure it out as it was nothing. thats great andreally kind of you!

    Tehseen Ahmed

    (@tehseen721)

    select#stoerrelse {
    width: 100% !important;
    }
    select#pa_color {
    width: 80%;
    }

    add this snippet in your style.css

    Thread Starter Hampmir

    (@hampmir)

    Hi motif, hope you had a nice weekend πŸ™‚

    The code you send does work, but the boxes doesnt expand anymore when the text exceeds the width as you can see if you chose “grey melange / blue melange”. Is that possible to fix? also the button “Ryd / Clear” should still be right beside the size box if possible πŸ™‚

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

The topic ‘How to design this simple thing?’ is closed to new replies.