Home › Forums › Basel support forum › category banner
category banner
- This topic has 17 replies, 2 voices, and was last updated 5 years, 5 months ago by Elise Noromit.
-
AuthorPosts
-
August 8, 2018 at 11:23 pm #71824
twococlothingParticipantHow do I create a category banner over the product filter? just as you have on the basel theme.
Attachments:
You must be logged in to view attached files.August 9, 2018 at 6:52 am #71872
Elise NoromitMemberHello,
First of all, create the banner in HTML block, then add HTML block ID to the category description as shown: http://prntscr.com/kghk5c
Best Regards
August 9, 2018 at 7:42 am #71885
twococlothingParticipantwith which plugin do I create that best?
August 9, 2018 at 8:56 am #71904
Elise NoromitMemberHello,
You do not need any plugins. You have already all necessary to create a banner:
1. Navigate to Dashboard > HTML > add new > create the banner by means of WP Bakey Page builder. If you have downloaded demo content you should have a sample (“Category banner”) you can edit it as per your needs.
2. Then go to Product > Categories > enter editing mode and insert HTML ID into the category description.
Best Regards
May 22, 2019 at 10:09 pm #125257
twococlothingParticipantI would like to display a button on the title screen, in the attached link, you will find the button. This button should be displayed on the Tittelbild bottom right. In the attached pictures, you can see how it should look like. Can you please help me how to do that?
Attachments:
You must be logged in to view attached files.May 23, 2019 at 6:41 am #125281
Elise NoromitMemberHello,
Enter the HTML block, create a grid consisting of a row and columns and add the button into the right bottom corner https://gyazo.com/ad4472cdc324779a84ef5b867e639681
Add the image to the background to the row instead of adding it by means of Raw HTML https://wpbakery.com/video-academy/add-row-column-background-wpbakery-page-builder-wordpress/
Best Regards
May 27, 2019 at 3:47 pm #125976
twococlothingParticipantI have tried it now as you have described to me. The problem now is that the background is wider than the product filter and I do not want that. That’s why I think that the background image should be included in HTML or CSS. On this background image, I would like to have a button inserted in the bottom right corner as shown in the attached link and in the images shown again. Could you please help me to implement this project via HTML or CSS.
Attachments:
You must be logged in to view attached files.May 28, 2019 at 5:55 am #126025
Elise NoromitMemberHello,
1. Use content position option inside the row to put our button in top, center, bottom http://prntscr.com/nu8til
2. Enter the button element and align to left or right http://prntscr.com/nu8tvy
3. Use the row paddings or the full-height option to configure the height of the row.
You will find here video tutorials, helping to create templates: https://wpbakery.com/video-tutorials/
Best Regards
June 9, 2019 at 2:31 am #127708
twococlothingParticipantcan you help me, just bring this button down right in the corner.
Unfortunately, I can not do that.Attachments:
You must be logged in to view attached files.June 9, 2019 at 10:30 am #127730
Elise NoromitMemberHello,
I have added the button, enter the button and configure as per your needs http://prntscr.com/nzi65e
Also, you can configure the height of the row and paddings as per your needs.
Best Regards
June 9, 2019 at 11:13 am #127736
twococlothingParticipantthanks, but is it synonymous that the button looks exactly as shown in the picture with the color change
Attachments:
You must be logged in to view attached files.June 9, 2019 at 2:31 pm #127748
Elise NoromitMemberHello,
Enter the button settings and set the color and all the rest configuration.
Best Regards
June 12, 2019 at 12:13 am #128100
twococlothingParticipantI have done this as you have described to me with the picture and the button.
The picture should be on the broad of the product filter and not wider. . In the second picture I demonstiert times
see Appendix. Can you please helpe me?Attachments:
You must be logged in to view attached files.June 12, 2019 at 8:45 am #128141
Elise NoromitMemberHello,
Set the margins as per your needs as shown on the screen https://gyazo.com/ab88c0a5e99db15e0b344acdf7ed6571
Best Regards
June 19, 2019 at 6:01 pm #129309
twococlothingParticipantI would like to use the picture as a background image where a picture is shown on the bottom right of the picture. See picture one.
It should have the same size on all formats and adapt to the respective size in scale.
Do I do that as you have described to me that does not work
See picture two.
ess should be like picture one.Could you maybe share with me Html and Css?
Attachments:
You must be logged in to view attached files.June 20, 2019 at 8:28 am #129375
Elise NoromitMemberHello,
1. You need to upload the image with the proportion you show on Unbenannt1-1.png
2. Add paddings top and bottom to expand the image. It is not possible to do exactly as you want.
Best Regards
June 20, 2019 at 4:42 pm #129481
twococlothingParticipantHello, I would like to have this
as here in the example is. I liked the button on the right and not in the middle. See the example in the web link.June 20, 2019 at 8:31 pm #129511
Elise NoromitMemberHello,
You need to find a developer who would create the WP Bakery template as per your needs. Our support does not cover such a kind of issues. Our support is provided for cases if there is something wrong with the theme when you need guidance or minor CSS code.
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register