Cascading Style Sheet 17

Now for a new theme [a premium theme]: Newsy @ 01/2012  v1.3-wpcom. Following are 13 areas where I have made changes to this theme: [Last update 03/19/12]

div.entry-meta {/* moved the gallery up a bit  & reduced the m-b spacing from categories & tags from 19px */
margin-top:-4px;
margin-bottom:15px;}

h1,section {/* tightened article title spacing */
line-height:27px;}

p {/* changed line-height by 2px from 19px; and, set bottom margin to reduce space before gray line from 19px */
line-height:18px;
margin:0 0 10px;}

tbody tr:nth-child(even) td {/* set alternate table row bg color from gray to white [so they are not visible] */
background:#ffffff;}

#colophon .widget {/* reduced widget & supplemental menu spacing from 38px */
margin:0 0 1px;}

#main {/* reduced white space at the top of the page from 38px  */
padding-top:12px;}

#site-title {/* remove the crowding of text below the title  */
margin-bottom:4px;}

#site-title a {/* set the header title from black to white */
color:#fff;}

.aligncenter {/* reduce img margin [shift up] to fit like a gallery from 14px */
margin-top:-15px;
margin-bottom:2px;}

.gallery-item {/* set the minimum white space beneath a gallery from 24px and reduced the white space above the gallery*/
margin-bottom:-2px;
margin-top:-2px!important;}

.hentry {/* reduced white space at the bottom of each article from 38px  */
margin-bottom:1px;}

.sticky {/* set the bg color to light sky blue, adjusted its opacity, was gray “0,0,0,.03″ */
background:rgba(135,206,250,.06);}

.widget-title {/* center aligns sidebar headings */
text-align:center;}

It is okay to copy CSS code from here and use or modify as you choose. If you do, please leave a comment that you are doing so. I appreciate it and thanks!

Jim

17 Comments

  1. Pingback: CSS ~ My Cascading Style Sheet for the Newsy Theme « Cycling Experiences…

  2. Hi Jim,

    The text in the main body of my blog is cutted at the right side. Please, take a look:

    cienciaemsociedade.wordpress.com

    How can I solve this problem?

    Thank you for your help,
    Roberto

    • Hello Roberto,

      That is not what I see. Try a different browser. Your blog displays properly in Google Chrome, Safari, Internet Explorer v9.0., and Firefox on my computers. What browser are you using? –jim

      BTW, I like the look of your blog with the Newsy Theme. Great work!

  3. I am not very familiar in working with CSS customization. Do you mind to explain me what exactly must I change in order to fit the text correct in the blog main body?

    Thank you again.
    Roberto

    • So, you have the same with each of the browsers. If so, I do not think clearing cache will matter. If others are seeing what you are, I think they will tell you. Try changing your column settings and then revert back to your 2-column format. –jim

  4. I asked other people if they are seeing the text cruched at the right side, and they say yes.

    How do I change the column settings?

    2 column? Are you seeing a 2 column format?

    I am also getting a blank page with the Firefox browser, with the following message:

    Mikrotik HttpProxy
    Error: 400 Bad Request

  5. That’s right. The text of the post is “cutted” on the right side. I contacted people at wordpress.com, but I had no feedback after one week. Too bad. I think I will decline using newsy.

    Thanks so much for your attention.

    All the best,
    Roberto

  6. Hi Jim,

    I tried to deal with the CSS edition. I tried to change the column width, but I haven’t noticed any change.

    I don’t want to bother you again. I am very sorry for taking so much of your time.

    Take care,
    Roberto

    PS – I like biking too. I am from Brazil, and I do live in a very nice town to get riding by bicycle. Thank you, Jim.

    • I know your problem can be resolved. It may take time and patience. No problem on time. This medium is just not suited to help. I noted earlier you live in Brazil. Cycling is good. Glad you like it. You are welcome for my effort. The best!!! –jim

Okay, tell us what you think...

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s