Need help? Check out our Support site, then


Removing lines Truly Minimal theme

  1. I've been trying to figure out a way to remove all the dotted lines on the Truly Minimal theme. http://trulyminimaldemo.wordpress.com/

    Anyone know a way to do this? I have the CSS addition.

  2. You did not specify a blog address or reason for posting when you created this topic.

    This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you'll find help at the WordPress.org forums.

    If you don't understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It'll help people to answer your question.

    This is an automated message.

  3. This blog linked to your WordPress.com username is wearing Clean Home http://luckpotionsblog.wordpress.com/
    Please post an active link starting with http:// to the blog wearing Truly Minimal that you need help with.

  4. Most times it's helpful, and sometimes necessary, to have a link to the blog in question. In this case, I was able to use the demo site as an example.

    To remove all of the dotted lines in the Truly Minimal theme, add this to your Appearance → Themes → Customize → CSS panel:

    .site-main,
    .site-header,
    .hentry,
    .entry-meta,
    li.comment,
    li.pingback,
    li.trackback,
    .widget,
    .site-footer {
    	background: none;
    }

    To figure out the list of selectors, I used my browser to view the CSS in the head, opened the right file, searched for every time the theme uses "dots-vert-2x.png" for a background, and copied each selector into a comma separated list.

  5. Sorry, I didn't specify. This is my first time posting on the forum here. I hope I posted in the right place.

    I'm using clean home at the moment but I would like to switch to Truly Minimal, but only if I can change the problem with the lines. I have purchased the ability to add CSS.

  6. Thanks, I posted the demo because I figured that would be enough to show the lines I'm talking about. Again, I apologize for the vagueness. I will test out the code now.

  7. Thanks, that was all I needed. Worked great.

  8. verbsandvignettes
    Member

    how about getting these lines to show up? i just switched to the truly minimal theme last night, and without the lines, there's a lot of white space that looks out of place.

    the blog is http://verbsandvignettes.wordpress.com/.

    i do have the custom design package, and changed colors, but the background color is white. any ideas on how to get the lines visible? i'm sorry, i can't quite follow the explanation above (searching for the dots image) to try to reverse it.

    thank you!

  9. It looks like it's by design that the theme doesn't keep the dots around when the color palette is changed using the Custom Colors feature since the dots are set using an image with a set gray color.

    You can add them back with the following custom CSS if you'd like:

    .site-header,
    .entry-meta,
    .widget {
    	background: url(http://verbsandvignettes.wordpress.com/wp-content/themes/pub/truly-minimal/img/dots-2x.png) repeat-x 0 bottom;
    	background-size: 5px auto;
    }
    
    .hentry,
    .site-footer {
    	background: url(http://verbsandvignettes.wordpress.com/wp-content/themes/pub/truly-minimal/img/dots-2x.png) repeat-x left top;
    	background-size: 5px auto;
    }
    
    .site-main {
    	background: url(http://s2.wp.com/wp-content/themes/pub/truly-minimal/img/dots-vert-2x.png) repeat-y 665px 0;
    	background-size: auto 5px;
    }

    For the spacing near the top, it looks pretty close to the demo site http://trulyminimaldemo.wordpress.com/ but I noticed the bottom margin is set using "em" which means it's depended on the font size. If you change the font size, that space will also be adjust it. If you wanted to change the margin from ems to pixels, you could do something like this:

    .site-header {
    	margin-bottom: 60px;
    }

    Adjust the 60px value as needed.

  10. verbsandvignettes
    Member

    thank you so much!!! worked like a charm.

Topic Closed

This topic has been closed to new replies.

About this Topic