WordPress.com

1. thestudentandthemonk
   Member
   Oct 28, 2012, 12:46 AM

   Hi,

   I would greatly appreciate if someone could tell me the necessary CSS codes for modifying the following from http://eyesblinkpictures.wordpress.com:

   1) Moving the 1st, 2nd and 3rd columns to the right (e.g. by pixels from left of browser)
   2) Getting rid of lines below right hand side menu, widgets sidebar menu.
   3) Modifying font, size and color of right hand side menu, widgets sidebar menu.
   4) Aligning left hand side menu to the right.
   5) Getting rid of white lines shown between share section and below it too.

   It be great if it can be done through Custom design CSS.
   Many thanks in advanced.
   Tomas

   The blog I need help with is eyesblinkpictures.wordpress.com.

2. designsimply
   Happiness Engineer
   Nov 1, 2012, 2:31 PM

   Hi! Welcome to our forum! In the future, would you mind please asking each question in a separate help request unless they're really really similar questions? It helps with searches later, keeps things organized, and makes it easier to help. Cheers :)

3. designsimply
   Happiness Engineer
   Nov 1, 2012, 2:32 PM

   1) Moving the 1st, 2nd and 3rd columns to the right (e.g. by pixels from left of browser)

   You can control that by changing the margin for the main wrapper element in Blogum. Here is an example:

   .wrapper {
       margin: 0 0 0 200px;
   }

4. designsimply
   Happiness Engineer
   Nov 1, 2012, 2:35 PM

   2) Getting rid of lines below right hand side menu, widgets sidebar menu.

   This will remove the top borders from all of the widgets on the right side of the Blogum theme:

   .widget {
   	border-top: none;
   }

   If you wanted to add a border back to the top of all of the right sidebar widgets, add this:

   .sidebar {
   	border-top: 1px solid #E9E9E9;
   }

5. designsimply
   Happiness Engineer
   Nov 1, 2012, 2:36 PM

   3) Modifying font, size and color of right hand side menu, widgets sidebar menu.

   Try the Appearance → Custom Design → Fonts options first. If that doesn't help, post a new help request and we can look at something more specific.

6. designsimply
   Happiness Engineer
   Nov 1, 2012, 2:43 PM

   4) Aligning left hand side menu to the right.

   What you see on the left hand side is nor really a side menu, it's the post title and meta data and it's part of each post itself. You can change the float to move it to the right side of the posts instead of the left. Here is an example:

   .post-meta {
   	float: right;
   	padding-left: 1em;
   }

7. designsimply
   Happiness Engineer
   Nov 1, 2012, 2:46 PM

   5) Getting rid of white lines shown between share section and below it too.

   The share and likes section below single posts in the Blogum theme have thin gray borders by default. Here is an example showing how to remove those borders:

   .post-content div.sharedaddy div.sd-block {
   	border-top: none;
   }
   
   body.single .post-content div.sharedaddy,
   body.page .post-content div.sharedaddy {
   	border-bottom: none;
   }

8. thestudentandthemonk
   Member
   Nov 2, 2012, 8:34 PM

   You are simply a star! Of course I'll post 1 question a at a time from now on, and again, you are a star! Thank you!

Topic Closed

This topic has been closed to new replies.