Home Forums Basel – Premium Template category banner

This topic contains 15 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 3 hours, 56 minutes ago.

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #71824
    twococlothing
    twococlothing
    Customer

    How do I create a category banner over the product filter? just as you have on the basel theme.

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #71872

    Hello,

    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

    #71885
    twococlothing
    twococlothing
    Customer

    with which plugin do I create that best?

    Private Content Hidden
    #71904

    Hello,

    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

    #125257
    twococlothing
    twococlothing
    Customer

    I 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?

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #125281

    Hello,

    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

    #125976
    twococlothing
    twococlothing
    Customer

    I 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.

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #126025

    Hello,

    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

    #127708
    twococlothing
    twococlothing
    Customer

    can you help me, just bring this button down right in the corner.
    Unfortunately, I can not do that.

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #127730

    Hello,

    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

    #127736
    twococlothing
    twococlothing
    Customer

    thanks, but is it synonymous that the button looks exactly as shown in the picture with the color change

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #127748

    Hello,

    Enter the button settings and set the color and all the rest configuration.

    Best Regards

    #128100
    twococlothing
    twococlothing
    Customer

    I 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?

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #128141

    Hello,

    Set the margins as per your needs as shown on the screen https://gyazo.com/ab88c0a5e99db15e0b344acdf7ed6571

    Best Regards

    #129309
    twococlothing
    twococlothing
    Customer

    I 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?

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #129375

    Hello,

    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

Viewing 16 posts - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.