Jump to content

Archived

This topic is now archived and is closed to further replies.

manojgupta26

Divider line after branding and after each Post excerpt Homepage

Recommended Posts

manojgupta26    2
manojgupta26

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.

  • Like 1

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
manojgupta26    2
manojgupta26

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
Danny    1,327
Danny

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/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
manojgupta26    2
manojgupta26

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
catrina    103
catrina

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


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
manojgupta26    2
manojgupta26

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
catrina    103
catrina

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;}

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
colmdoyle    1
colmdoyle

try

 

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

  • Like 1

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
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

Please search our forums, before posting!

Share this post


Link to post
Share on other sites

×