• Resolved hssk

    (@hssk)


    Hi! I really like how Builderius works. I’m creating a blog index template and it works great, but I got stuck on the pagination. How can I edit it to match my design style? Thanks in advance for your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor thisbit

    (@thisbit)

    Hi @hssk ,
    thanks for the question.

    We have prepared the classes and selectors needed for styling elements of the pagination. You can find them like this. Assuming you have added your pagination element to canvas (anywhere it does not matter).

    1. Select the pagination in canvas, and see the class “pagination” added to it’s wrapper element
    2. Go to selectors panel and search “pag” string, this will return the elements inside the wrapper
    3. If you go to CSS variables, ans search for “pag”, you will find a border radius for pagination items

    These items allow you to select any of the elements inside and apply any styles to them.

    If you want to understand the structure of this element better (or if you are not using our CSS framework), you can:

    1. Select the pagination element in the canvas
    2. in the content area hover over the dynamic dat tag → right click → Escape
    3. Now you see all the html that makes the pagination, feel free to explore all the elements, the classes and attributes to better understand what you are working with

    Here are all the steps as images:

    Class pagination on pagination outer wrapper
    Other pagination related selectors
    Select any of these selectors and see what styles are applied to it
    Border radius variable
    Escape the pagination element to see the html of that element
    Explore the structure and understand it better

    I hope this helps

    Thread Starter hssk

    (@hssk)

    Oh, thank you for the detailed explanation and quick response, it is very helpful.

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.