Adding padding to text only

  • Unknown's avatar
    katteng · Member ·

    Hi!

    I’m helping a friend with a website. I’ve encountered an issue with the site having no padding in mobile view.

    So on computer it looks like I want it to but in mobile view theres no padding and the text touches the border of .entry-content. When I add padding it also grabs the site title and adds padding witch looks a bit off.

    This is the site: http://www.brahundar.se

    I’ve tried all of the examples below:

    p.entry-content {}
    p, .entry-content {}
    .entry-content, p {}
    .div, .entry-content{}
    .entry {}
    .div {}
    .div, .entry-content{}
    and so on in all combinations I can think of. I use “developer tools” in chrome and the cursor to highlight the things I want to change, and it show me “.entry, .entry-content” but to no avail.

    This is all of the custom code I’ve added in “Customize” css:

    ”
    .site-title a:link, .site-title a:visited {
    font-size: 1.8em;
    font-weight: bold;
    }

    h1.entry-title {
    font-family: arial;
    font-size: 1.8em;
    font-weight: normal;
    }


    @media     only screen and (max-width: 600px)
    {
    p, div {
    padding-left: 10px;
    padding-right: 10px;
    }
    }

    .entry {
    margin-bottom: 40px;
    }

    p, li {
    font-family: arial;
    }

    a {
    color: #303030;
    }
    a, a:visited, .main-navigation .main-menu > li, .main-navigation ul.main-menu > li > a
    {
    color: #303030;
    border: none;
    }

    body {
    background-color: #b3b3ff;
    }

    .entry .entry-content {
    background-color: #e6e6ff;
    border-radius: 8px;
    box-shadow: 0px 0px 5px #999999;
    }

    a, a:visited,.site-logo .custom-logo-link {
    border-radius: 0;
    width: 150px;
    height: 150px

    }

    div.main-menu-more {
    display: none !important;
    }
    ”

    I haven’t bothered with a Child-theme since I’ve only done a very small number of changes , but maybe I should do that?

    Thanks for your help!

    Best, Erik

    The blog I need help with is: (visible only to logged in users)

  • staff-doublebassd · Staff ·

    Hi there,

    I checked your site and it appears you’re in the wrong forum. Your site is using the open-source WordPress.org software and you need to seek help at these forums:

    https://wordpress.org/support/forums/

    These forums are for WordPress.com hosted sites only. Since we do not have access to self-hosted WordPress.org sites, we are unable to provide any direct assistance to your issue. I would also reach out to your site host for help.

    If you want to know more about the differences between WordPress.com and WordPress.org you can read this document:

    WordPress.com vs. WordPress.org

    Thanks!

  • The topic ‘Adding padding to text only’ is closed to new replies.