• Resolved wplukio

    (@tortuesrunners)


    Hi,

    I’m using a plugin to generate some buttons from shortcode into a cell but I don’t know how to center inside a cell?

    Best regards

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter wplukio

    (@tortuesrunners)

    I did this:

    .wptb-image-wrapper { max-width: 150px; max-height: 150px; margin: 0 auto; }
    .wptb-table-container table { text-align: center; }

    How to change the mobile CSS when there is the break?

    Thanks!

    Thread Starter wplukio

    (@tortuesrunners)

    How to remove the succession of color grey/white? ??

    Thread Starter wplukio

    (@tortuesrunners)

    Hi,

    From mobile view, how to add a bottom border to isolate each element between their?

    View post on imgur.com

    I want a bottom line between the button and the other product.

    Thanks.

    Thread Starter wplukio

    (@tortuesrunners)

    How to remove the succession of color grey/white? I found the solution on the youtube video : https://www.youtube.com/watch?v=hztMmMhXGlc ??

    Plugin Contributor erdembircan

    (@erdembircan)

    Hello @tortuesrunners,
    We are glad you found the solution and share it for future reference for people who are looking for a fix for similar issue. If you still need assistance with this issue, feel free to ask here. Have a great day!

    Thread Starter wplukio

    (@tortuesrunners)

    Hi,

    From mobile view, how to add a bottom border to isolate each element between their?

    View post on imgur.com

    I want a bottom line between the button and the other product.

    Thanks.

    Thread Starter wplukio

    (@tortuesrunners)

    2) How to change the mobile CSS when there is the break?

    I used shortcodes to generate some buttons, but I can’t have it center align!

    It works on desktop with:
    .wptb-table-container table { text-align: center; }

    But it’s not apply in mobile/tablet view.

    Thanks!

    Plugin Contributor erdembircan

    (@erdembircan)

    1) Our current break-point width for desktop resolution is 1024px, using the below media query, we manage to add the desired visual style you are looking for. Just replace the 3n with the amount of maximum rows you have per item and borders will be added to table rows at tablet and mobile.

    
    @media screen and (max-width: 1023px) {
    	.wptb-preview-table tr:nth-child(3n){
    		border-bottom: 4px solid gray !important;
    	}
    }
    

    2) It is hard to say anything about that issue without seeing the live site in action. But our suggestion will be trying !important tag for your style and also use the same css line inside the media query we have supplied above. Because, it seems like some other third-party plugin or theme you are using is overriding the button style at mobile and tablet view.

    Best regards.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Center the shortcode inside a cell’ is closed to new replies.