Change allignment of banners carousel text
-
Hello,
We’re standard using the “product categories” feature. Now we’ve found out that with the “banners carousel” we can accomplish the same, but can include for example a CMS page too, that isn’t be a shop category. That’s great by the way. That being said: is it possible to allign the banner carousel title text in the middle?
Under “style” > “title” > “custom typography” we’re not able to change the allignment of the title text, only the tickness, style and other things.
Can you help?
Regards,
Fabian
Hello,
Because of an error uploading the picture in the previous message, here again the screenshot.
Regards,
Fabian
Attachments:
You must be
logged in to view attached files.
Hello,
Please provide your site admin access to the private area. Please provide the page URL with the Banner carousel.
Best Regards
Hello Elise,
Sure. You’ll find the login details in the private area.
Please don’t disable any plug-ins, because we’ve plug-ins installed with automatic scripts to import products in WooCommerce.
The page where we’re trying to display the banners carousel is our homepage. Also shared in private. We’ve disabled visibility of this content block on desktop/mobile/tablet because it’s not working at the moment. Therefore we use now the product categories block, but that can’t display separate CMS pages.
Please let me know how I can center the title text of the banners carousel.
Regards,
Fabian
Hello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .cat-design-center .hover-mask {
/*top: 50%;*/
top:20px;
}
Changin top value you will change the alignment. /*top: 50%;*/ is the initial value.
Best Regards
Hello Elise,
I’ve added the code, but the alignment of the title text goes wrong in the content block we didn’t mentioned.
As explained, on our homepage we have two content blocks, of which one is visible (namely the product categories). Underneath the product categories block, we’ve set the banner carousel block. Of this content block, we would like to align the title text.
When inserting the CSS code you provided, the title text of the product categories block goes up (so not the banner carousel block).
Could you provide us the correct code, to align the title text of the banner carousel?
Regards,
Fabian
Attachments:
You must be
logged in to view attached files.
Hello,
You have hidden the widget so I provided custom for the Product categories widget.
The Banner carouse has the options so you do not need any custom CSS https://prnt.sc/15pdqwc
If you have any questions please feel free to contact us.
Best Regards
Hello Elise,
We’ve hidden the banners widget because the website is published. As explained in my first message.
Didn’t know that the banner carousel has to option to align the title text.
Thanks for the screenshot! Title text is now perfectly aligned in the center.
Regards,
Fabian
You are welcome! If you have any questions please feel free to contact us.
Best Regards
.
