article separator

• 

  simammichipuo · Member · Apr 13, 2015 at 12:17 pm

  • Copy link
  • Add topic to favorites

  Hi, is it possible to add lines betwwen the published articles or crearing boxes to get a better idea?

  thanks

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

• 

  thesacredpath · Member · Apr 13, 2015 at 6:24 pm

  • Copy link

  Are you talking about on your Front page or on Category pages such as Cre-attività?

• 

  simammichipuo · Member · Apr 13, 2015 at 6:26 pm

  • Copy link

  Both of them..

• 

  thesacredpath · Member · Apr 13, 2015 at 8:44 pm

  • Copy link

  Hi, It is, but I need to know where? Front page or Categories pages?

• 

  thesacredpath · Member · Apr 13, 2015 at 8:54 pm

  • Copy link

  Heh, never mind, I’m not sure how I missed your reply.

  On the front page, due to the posts being different lengths (different image sizes or no images) this really isn’t possible. We could add a bottom border line to them, but as you will see, it doesn’t look that good.

  .home article {
      border-bottom: 1px solid #000 !important;
      padding-bottom: 10px;
  }

  Give the following a try for the Categories pages.

  .archive .site-content .post {
      border-bottom: 1px solid #000 !important;
  }

• 

  simammichipuo · Member · Apr 14, 2015 at 7:48 am

  • Copy link

  Thanks, it’s ok. I need to set image size and would be fine. Is it possibile to change the color of the line?

• 

  simammichipuo · Member · Apr 14, 2015 at 8:51 am

  • Copy link

  Where can I set the size pic?
  thks again!! :)

• 

  thesacredpath · Member · Apr 14, 2015 at 2:21 pm

  • Copy link

  For your featured image, what you want to do is to have images that have the same width to height proportions. You can edit image in the Media Library in your dashboard and you can set a width to height ratio for cropping. You can read more about that in our Image Editing support page.

  In the rule I gave above for the lines between the posts, the #000 part is the color code. With some color codes you can use just three numbers, but typically it would have 6, like #cc0000 (which is a red).

  Here is a web resource for web-safe hex color codes: http://cloford.com/resources/colours/websafe2.htm

• 

  simammichipuo · Member · Apr 14, 2015 at 8:10 pm

  • Copy link

  Thanks a lot! :)
  I love the way it comes out (I changed widget option).
  I would love to add colour to the grey line like set by default . Like the one above social media hub or above my tweets or under filter contents and so on in my blog simammichipuo.com.

  is that possibile?

  Tks

• 

  thesacredpath · Member · Apr 15, 2015 at 9:43 pm

  • Copy link

  For a line above the Social Media Hub, you can add the following CSS.

  #footer-social-nav {
      border-top: 2px solid #6b91f6;
      padding-top: 10px;
  }

  Filter Contents and widgets in sidebar.

  #front-content-one {
      border-top: 2px solid #6b91f6 !important;
  }
  .front-sidebar .widget {
      border-top: 2px solid #6b91f6 !important;
  }

• 

  simammichipuo · Member · Apr 16, 2015 at 9:44 am

  • Copy link

  Thanks a lot! :)
  What I need to change to add another instruction to add the same lines also when I enter the category/menu page?

  Thanks a lot for your support

• 

  thesacredpath · Member · Apr 16, 2015 at 6:59 pm

  • Copy link

  Replace the second and third rules I had given you with the following.

  #front-content-one, #primary, #footerwidgets-wrap {
      border-top: 2px solid #6b91f6 !important;
  }
  .front-sidebar .widget, #blog-sidebar .widget {
      border-top: 2px solid #6b91f6 !important;
  }

• 

  simammichipuo · Member · Apr 17, 2015 at 9:26 am

  • Copy link

  Thanks! :)
  there is an extra line but I’ll check which is the double instruction I put in.

  thanks for your support
  :)

  cheers

• 

  thesacredpath · Member · Apr 17, 2015 at 6:06 pm

  • Copy link

  You are welcome.

• 

  simammichipuo · Member · Apr 18, 2015 at 6:01 am

  • Copy link

  hi sorry to get beck to you again but I don’t get which is the instruction I need to change in order to delete the double line under filter contents / above latest posts on the main menu. :(

• 

  simammichipuo · Member · Apr 18, 2015 at 6:45 am

  • Copy link

  Hi! I’ve done it :) thks. have a nice day.

• 

  thesacredpath · Member · Apr 18, 2015 at 4:30 pm

  • Copy link

  You too, and glad you got it sorted out. :)