Home › Forums › Themes Support › Claue › Attributes circles size

Topic Resolution: Resolved
Viewing 6 reply threads
Save
  • Author
    Posts
    • September 5, 2018 at 5:47 pm #24431
      Mag8891

      Hello Harry,

      could you please let me know the code I would like to increase the variations circles on product page

      please see attached

       

      thank you

      Attachments:
      You must be logged in to view attached files.
    • September 5, 2018 at 10:14 pm #24441
      Harry

      Hi,

      Please add below code to Claue > Theme Option > General Layout > Custom CSS

      .swatch__value {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 32px;
}

      And change number with yours.

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • September 5, 2018 at 10:30 pm #24442
      Mag8891

      perfect, Thank you!

    • September 5, 2018 at 10:37 pm #24443
      Mag8891

      Oh just one thing it seems that the attribute name heading is restricted in width on mobile view, can I make it in line without creating a second line as it seems enough spase for it.

      Attachments:
      You must be logged in to view attached files.
    • September 6, 2018 at 12:14 am #24452
      Harry

      Hi,

      On my screen it show like this http://take.ms/HunWC did you fix?

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • September 7, 2018 at 12:59 am #24475
      Mag8891

      Hi sorry did you check on mobile view?

    • September 7, 2018 at 10:51 am #24484
      Harry

      Hi Mag,

      Please add more code to Claue > Theme Option > General Layout > Custom CSS

      @media only screen and (max-width: 736px) {
.wcst_savings_variation {
	margin-bottom: 0;
}}

@media only screen and (max-width: 360px) {
.entry-summary .wcst_savings_variation {
	float: left;
}
.swatch__title {
	float: left;
	margin-top: 20px;
	margin-bottom: 25px;
}
}

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

  • Author
    Posts
Viewing 6 reply threads
Save

You must be logged in to reply to this topic.