Divider line after branding and after each Post excerpt Homepage

13 posts in this topic

Posted · Report post

Hi,

 

Can you tell me how can I put a divider line after branding and after each Post excerpt in Homepage.

 

I tried using firebug but couldn't locate the correct css.

 

Any quick help is appreciated.

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

 

Firebug or your browsers built-in web developer tools will not provide you with the correct CSS, you will need to do this yourself. What these tools allow you to do is inspect the specific area in which you wish to add/make changes to the CSS, they also allow you to find the correct class(es) need to accomplish your layout/style.

 

 

Be sure to also check out our CSS Customization section in our documentation to give you a good head start on CSS changes you can make.

 

http://support.pagel...ion/custom-css/

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks Danny,

 

The link you have provided me is like entire encyclopaedia. I will definitely go through it..

 

but I would appreciate if you can pinpoint a particular topic of interest or provide me css for it..

Share this post


Link to post
Share on other sites

Posted · Report post

Unfortunately, we are unable to provide you the custom CSS needed to achieve your layout. If you're not comfortable with custom CSS or code. I recommend you contact one of our Pros for assistance 

 

http://www.pagelines.com/pros/

Share this post


Link to post
Share on other sites

Posted · Report post

This is not a major customization..it Should not be more than 1-2 line of css. All I am asking you is to provide me what area of document should I refer to??

 

I don't know,  if it is personally to me!! Every-time I ask, I am asked to contact pros..

 

However, the forum is filled with such similar requests where the moderators actively participates and answer their queries.

 

This puts me down!

Share this post


Link to post
Share on other sites

Posted · Report post

Here is more specific info.

 

You’ll need to use Custom CSS (in Site Options > Custom Code > Custom CSS/LESS). To find the Custom CSS you need, you'll need to use Firebug (or Chrome Development tools). To learn how to use Firebug for CSS customizations, please review this entire documentation and follow the instructions: http://support.pagelines.me/docs/customization/custom-css. For help with the bottom border attribute (since you want to add bottom divider lines for branding and post excerpts), please see these instructions: http://www.w3schools.com/cssref/pr_border-bottom.asp

Share this post


Link to post
Share on other sites

Posted · Report post

Catrnia..You have given me the very same link given by Danny,,,

 

It's of no help!

 

You are asking me to use firebug

 

Answer me this :" How to locate divider line after each post using Firebug when it does not exists??"

Share this post


Link to post
Share on other sites

Posted · Report post

The divider line doesn't exist, but the element you're trying to add it to does. You'll need to use the selector for that element to apply the border. For example, if you are adding a divider to the bottom of the branding area the CSS code would look something like this:

#page div.branding_wrap {border-bottom: 1px solid #000;}

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Manoj,

 

Apologies for any confusion.  My colleagues are trying to say that because this is not a normal part of the code for the blog entries, it takes some CSS modifications.  I suspect however, that you may need to test CSS, and if this fails, need to implement a class using a hook. Doing this would allow you to hide the class (thus the line) on specific pages, as you desire. The new class would help considerably.

Share this post


Link to post
Share on other sites

Posted · Report post

try

 

.hentry .hentry-pad {
border-bottom: 1px solid black;
padding: 0 0 25px;
}

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

If you want to customize PageLines Framework or DMS, such as adding a border between posts. You will need to use custom CSS and therefore, will need to use the web dev tools in your browser or FireBug. I recommend Google Chromes web dev tools, if you're not comfortable using the web dev tools, I recommend you visit code school. They provide a free online tutorial which has you doing tasks that learn you how to use the web dev tools. http://www.codeschool.com/courses/discover-devtools

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now