Product description page

Hi!

1) Is it possible to change the size and color of product price (see screenshot)? Now it’s yellow and big, I need to make it black and small.

2) How can I change fonts and text size in product description page (title and main description)?

Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

This is possible to change with the custom CSS:

/*description text*/
.woocommerce-product-details__short-description p{
    font-size: 22px;
    color:red;
}

/*title*/
.product-image-summary .entry-title{
    font-size: 22px;
    color:red;
}

/*price*/
body .product-image-summary .price span {
    font-size: 22px;
    color:red;
}

Change 22px and “red” as per your needs and add the code to the Theme settings > Custom CSS.

Best Regards

Hi,

I’ve done what you said. When I replace red with black in a block “price”, only the color of currency changes, but not the color of numbers. I’d like to change the color of numbers – how can I do that?

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

Please try this code:

body .product-image-summary .price,
body .product-image-summary .price .amount {
    font-size: 22px;
    color: red;
}

Change the color and replace /*price*/

Best Regards

Thank you!

One more question:

I’d like my product image and title to be on the same level (either title should be lower or image should be higher), pls see screenshot. How can I do this?

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your site admin access.

Best Regards

…

Please provide your site URL

https://silksilk.ru/wp-admin/

Hi,

Please answer question #78770 and also I got one more:

How can I format text to make justified alignment?
Now I see only 3 option: left, right and center (see screenshot). Thank you!

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme settings > Custom CSS > Desktop/Tablet:

.summary-inner{
padding-top:100px;
}

In order to justify the text, align it left and switch to the text http://prntscr.com/kyf681

Replace the “left” for “justify” http://prntscr.com/kyf6zl

Best Regards

Thank you!

1) I use product grid on my home page. I want to hide price on home page. How can I do that? Pls check screenshot

2) As you can see on the screenshot, the title of products is long. I need to keep this long text, but now it doesn’t look nice. Is it possible to show not only title but also short description of products in the product grid on my home page?

3) Where can I change fonts for my product description pages? I need to use Optima or Vanity font for the whole website.

Thank you!

Attachments:

You must be logged in to view attached files.

Hi!

Please answer my question #78937 and also I got one more.

How can I move a background image in a mobile version of Revolutionary Slider so that mobile version included the main element of an image? P

lease check screenshot, in this case I need to have girl’s head in mobile version. How can I do that?

Thank you!

Attachments:

You must be logged in to view attached files.

Hello,

1 Add this code to the Home page settings: http://prntscr.com/kynhv6

.product-grid-item .price {
display:none;
}

2 Choose the design with the excerpts http://prntscr.com/kynidw

3 Theme > Typography the fonts are set globally.

4. I have checked your slider on mobile the text is in the middle

Best Regards

Thank you very much!

Can you please answer again on my question №4, because I didn’t ask about text but about girl’s head 🙂

“How can I move a background image in a mobile version of Revolutionary Slider so that mobile version included the main element of an image?

Please check screenshot, in this case I need to have girl’s head in mobile version. How can I do that?”

Thanks again!

Hello,

The background position is set in the Source settings https://gyazo.com/1cec8d05134311e43836db66d99d84e0

At the same time, there is no option to set the different position on different devices.

Best Regards

[Author]

Posts