Support » Developing with WordPress » Left and right padding

  • I would like to add padding to the left and right side when viewing on mobile device, at the moment the table is full width on the mobile phone (left to right). How can i make the table not to be full width and add some space to the left and right side, so the table would be centered on the page? Any CSS code i could use?

    https://majahaldur.ee/hinnakiri

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello @subficial,

    Please add the following CSS code in the Appearance > Customize > Additional CSS section of your WordPress Admin dashboard:

    @media (max-width: 767.98px) {
    	#pg-594-0 {
    	    padding-left: 15px;
    	    padding-right: 15px;
    	}
    }

    Thanks the code worked!=)

    Also i have one more question about that same theme i am useing, is it possible to change the icon size in the top right corner, where is email, phone, FB, Instagram icons, is it possible to make them a little bit bigger?

    https://majahaldur.ee/

    And also in mobile view the WP table builder plugin adds those extra rows, any chance i can remove them somehow?

    http://subficial.midnightanimation.ee/wpforms.jpg

    • This reply was modified 1 month, 2 weeks ago by subficial.
    • This reply was modified 1 month, 2 weeks ago by subficial.
    Moderator bcworkz

    (@bcworkz)

    Also added to Additional CSS to alter icon sizes:

    .socials .fa {
        font-size: 20px;
        padding-top: 10px;
    }

    You may adjust the numbers as you wish. Learn to use your browser’s element inspector developer tool. There you can try different numbers and immediately see the result so you can fine tune the appearance to your liking. Changes in the tool will not persist unless the desired rules are copied to Additional CSS.

    You can use the tool to help you determine appropriate CSS selectors to hide elements in a table. Apply the display: none; rule using appropriate selectors. Use media queries to only have rules applied to certain screen sizes. Where does that table appear? We cannot recommend CSS rules unless we have access to the page in question. We’d essentially use the same tool to come up with recommendations.

    Thanks a lot, the icons code worked very nicely. =) I got that table fixed with the inspector dev tool, i found the code. Thanks for the help:)

    • This reply was modified 1 month, 2 weeks ago by subficial.
Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.