Remove spaces in posts

  • Sfareri

    (@sfareri)


    10 years ago

    I need help removing the spaces in the posts in my mobile only.. The developer tried helping me who wrote the theme withoit having any success helping me. I’d like the text of the attached image font to be bigger and move the text to the left as far as it will go and stretch to the right. I don’t like this centered with the small text. Here is the custom CSS he tried to give me. This didn’t work for me – nothing changed on the mobile.

    Image of how it looks now:

    https://i62.tinypic.com/zn7mdu.jpg

    [ Moderator note: code fixed. Please wrap code in the backtick character or use the code button. ]

    @media screen and (max-width: 768px) {
 .one-container .site-contant {
 padding: 10px !important;

}
 }
Viewing 14 replies - 1 through 14 (of 14 total)
  • WPyogi

    (@wpyogi)

    Not possible to help with CSS without seeing the site.

    Thread Starter Sfareri

    (@sfareri)

    The site is be we4philly.com. I appreciate your help.

    WPyogi

    (@wpyogi)

    Where did you add that CSS? I don’t see it on your site.

    WPyogi

    (@wpyogi)

    I’m also not clear on what spaces you want to remove and from what page(s)?

    Thread Starter Sfareri

    (@sfareri)

    He asked me to add a plugin called Custom CSS – I want to remove the white spaces on left and right of the image I attached. Also make the text bigger on the image I attached. I tried the code he provided and nothing worked for me.

    Thread Starter Sfareri

    (@sfareri)

    The change would be for all pages on the mobile view.

    WPyogi

    (@wpyogi)

    Can you copy the entire code that’s in the custom CSS plugin section? (Assuming it’s not too long)?

    Thread Starter Sfareri

    (@sfareri)

    Here you go. The other custom code I entered was for a change in quote box – which really didn’t work the way I wanted it to.

    blockquote {
    background: #a5a1a1;
    border-left: 6px solid #000;
    -webkit-box-shadow: 5px 0px 5px 5px #616161;
    box-shadow: 3px 3px 3px 0px #616161;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 5px 5px 5px 5px;
    }

    .content blockquote p {
    font-family: Georgia, serif;
    color: #000;
    letter-spacing: 1.5px;
    }

    .content blockquote a, .content blockquote a:visited {
    color: #7A6E72;
    }

    .content blockquote a:hover {
    color: #26347A;
    }

    @media screen and (max-width: 768px) {
    .one-container .site-contant {
    padding: 10px !important;
    }
    }

    WPyogi

    (@wpyogi)

    This looks misspelled:

    .one-container .site-contant {

    should be “content”?

    Thread Starter Sfareri

    (@sfareri)

    I just changed it. I copied and pasted from his email. Still no change in the coding.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You need to clear your browser’s cache. I see that there is no space on the left of your content any more.

    Thread Starter Sfareri

    (@sfareri)

    I cleared the my cache and still not working. Are you trying this on mobile? I’m having this issue on my iPhone.

    Thread Starter Sfareri

    (@sfareri)

    This works on my iPad but not the iPhone. It looks horrible on the iPhone.

    Thread Starter Sfareri

    (@sfareri)

    I just fixed it with this code. I changed @media screen to @media all. Guess I’m learning myself. Thanks for the help guys.

    Last question. How can I increase the font for iPhone only?

    @media all and (max-width: 768px) {
    .one-container .site-content {
    padding: 10px !important;
    }
    }

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Remove spaces in posts’ is closed to new replies.