How to Make These Two Small Theme Tweaks? Screenshot included

Hello all,

I have the Focal Theme set up with PageFly.

On our product page the “Subscription Details” is on a separate line to “Delivery Every 30 Days”, and the -/+ selector box is on a separate line to “Quantity” (screenshot included below).

https://hairright.co.uk/products/dht-blocker-hair-loss-supplement?selling_plan=3387293934

How can we bring both elements on to the same line as their respective part? We’ve looked in the CSS and couldn’t see any obvious < /br> elements to remove.

Any help much appreciated.

2 Likes

Hi @AndreHairRight ,

I don’t understand, how are you trying to move it.

Can you explain more about it.

Sure, so we’d like to go from this:

To this:

Thanks in advanced.

Hi @AndreHairRight ,

#1: With HTML as it is, you can’t change it so that ‘Delivery Every 30 Days’ and ‘Subscription Details’ show in 1 line. You need to contact PageFly to rearrange it, then I will help you to change it.

#2: Quantity: Go to Assets > theme.css and paste this at the bottom of the file:

.product-form__quantity {
	display: flex;
    align-items: center;
}
.product-form__quantity-label {
	margin-right: 15px;
    margin-bottom: 0 !important;
}

Hope it helps!

Hi @AndreHairRight ,

This is PageFly - Free Landing Page Builder. I found that you contacted our support team and find the matter with Marie. If you want to create a section ‘Product detail’ on PageFly, we also can show the Recharge app but we need to set up all features inside that app. Please check this guide about it https://pagefly.link/YPPvWuTq

If you have any further questions, feel free to let me know or you can contact our support team via Live chat to connect with us directly. We are there 24/7 to help.

Thank you all and have a nice day!

1 Like