Hello,
How can I change the font size on the headline on my product page? I have Pipeline 5.0.2. Thanks!
@dmwwebartisan thanks so much! here is the url to the product page https://arrayy.com/collections/girls/products/frill-dress-monsieur-jules-elie
I’m still working on building the site. Thank you!
Please add the following code at the bottom of your assets/theme.css file.
@media (min-width: 480px){
.template-product .product__title { font-size: 20px !important; }
}
You can change font size as per your need.
@dmwwebartisan Thank you so much! It worked perfectly. Any tips on how to change the size of the product image to make it smaller? I tried adding this (and messed with the px size) to assets/theme.css with no luck:
/* -- code to make product image smaller -- */
.product__slides.product-single__photos.slick-slider.slick-dotted, .product__slides.product-single__photos.slick-slider {
max-width:400px; margin: auto !important;
}
/* - end - */
Please add the following code at the bottom of your assets/theme.css file.
@media only screen and (min-width: 768px){
.template-product .medium-up--five-eighths {width: 50% !important;}
.template-product .medium-up--three-eighths { width: 50% !important;}
}
Thanks!
@dmwwebartisan I’ve updated to my theme to the latest Pipeline 2.0 and am having issues changing the code for certain things.
I’ve tried moving the product information alignment to the center with the following and have had no luck.
.template-product .product__price,
.template-product .product__title{
text-align:left;
}
I’ve also tried to remove the titles from my About and subsequent pages, also with no luck.
#FeaturedImage-page-images > div.content--centered > div > h1 { display: none!important; } Any insight would be amazing. Here's a link to the site: [https://arrayy.com/collections/boys-unisex/products/trousers-honey-ginger-stripe?variant=33327270690893](https://arrayy.com/collections/boys-unisex/products/trousers-honey-ginger-stripe?variant=33327270690893) Thanks!@dmwwebartisan I’d like the area in red, all of the product description and buttons, to be center aligned instead of aligned to the left.
I’d also like to be able to remove the titles from my about page, terms, size guide, etc (shown in the red box, everything under the INFORMATION section). I also don’t know why the titles are currently aligned to the left. I’d also like to be able to change the font of everything under INFORMATION
I’d also like to be able to change the font of everything under INFORMATION without changing the font of the rest of the body text that’s in the product descriptions, etc. I’d like it to look how I had it previously before updating to Pipeline 2.0, like this:
Thank you!
@dmwwebartisan any advice?