Return to previous page

Single product page additional product information TAB column adjusting

This topic has 12 replies, 3 voices, and was last updated 10 years, 1 month ago ago by Eva Kemp

  • Avatar: Eric
    Eric
    Participant
    December 1, 2015 at 19:05

    Dear service,

    I’d like to let single product page’s additional product information TAB column width wider and the column words as 18px, please tell me how to do?
    Please see this oic.
    https://drive.google.com/file/d/0B0UZ77fMI9c0cUhadHM4ejdObms/view?usp=sharing

    Best regards,
    Eric

    #102227 Copied
    11 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    December 1, 2015 at 19:14

    Hello,

    Please add this code in Theme Options > Custom CSS > Custom CSS for desktop:

    .shop_attributes th {
    font-size: 18px;
    width: 10%;
}

    Regards,
    Eva Kemp.

    #102231 Copied
    Avatar: Eric
    Eric
    Participant
    December 2, 2015 at 06:03

    Dear Eva,

    It’s OK. Thanks.

    Regards,
    Eric

    #102284 Copied
    Avatar: Eric
    Eric
    Participant
    December 2, 2015 at 06:25

    Dear Eva,

    There’s one more question.
    I found there’s 『 div class=”list list-arrow” style=”color: #000000;”
    …………
    /div 』this html code could give a list start with ” > ” an arrow icon, is there any other start list icon could be changed by this html code? such as class=”list list-dot”? I changed it by myself, but seems no working? Do you know what I mean? How to change it as others?

    Best regards,
    Eric

    #102287 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 2, 2015 at 08:14

    Hello,

    Please look on our demo page https://www.8theme.com/demo/woopress/boxed/?page_id=15853 where you can see what list style can be used. Below the examples you’ll see the shortcode for it.

    Best regards,
    Jack Richardson.

    #102291 Copied
    Avatar: Eric
    Eric
    Participant
    December 2, 2015 at 17:08

    Dear Jack,

    I saw the demo page, but I can not understand how to use the short code.
    Would you please show one of these style lists how to implement onto page?

    Regards,
    Eric

    #102387 Copied
    Avatar: Eric
    Eric
    Participant
    December 2, 2015 at 17:21

    Dear Jack,

    Supplement why the short code example let me confuse…
    Please see this page https://drive.google.com/file/d/0B0UZ77fMI9c0a0pERVduYU5xaHM/view?usp=sharing

    Regards,
    Eric

    #102388 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 2, 2015 at 17:56

    Hello,

    You need such shortcode:

    [checklist style="arrow"]
<ul>
	<li>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</li>
	<li>Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem</li>
	<li>Saspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</li>
</ul>
[/checklist]

    Best regards,
    Jack Richardson.

    #102395 Copied
    Avatar: Eric
    Eric
    Participant
    December 2, 2015 at 19:36

    Dear Jack,

    OK, it works.
    Do you notice that your list style short code without [checklist style=”arrow”] on demo page.

    Regards,
    Eric

    #102417 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    December 2, 2015 at 20:00

    Hello,

    Yes, we’ll edit it in short time.
    Please take our apologies for inconveniences.

    Regards,
    Eva Kemp.

    #102422 Copied
    Avatar: Eric
    Eric
    Participant
    December 2, 2015 at 20:02

    Dear Eva,

    No problem.

    Regards,
    Eric

    #102425 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    December 2, 2015 at 20:04

    Hello,

    Thank you for understanding.

    Have a nice day.

    Regards,
    Eva Kemp.

    #102428 Copied
  • Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘Single product page additional product information TAB column adjusting’' has been successfully resolved, and the topic is now closed for further responses

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WooCommerce Theme
lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WooCommerce Theme
lazy-placeholder
Spice Store – WordPress WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Kidsstore – WooCommerce Theme
lazy-placeholder
Business – WordPress WooCommerce Theme
lazy-placeholder
NFT Crypto Marketplace – WordPress WooCommerce 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.