Jump to content
Sign in to follow this  
designpoint

Sidebar widget

Recommended Posts

designpoint    0
designpoint

Hi I would like the text Types of properties

we work with

 

to fit closer to the line break, the below does not suit what im after

 

 


.page-id-265 #sidebar1 .textwidget p {
  1. margin0.6em 0;
  2. padding4px 2px;

 

 

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there,

 

you can remove the margin on the <p> right down to zero, which will give this affect - http://screencast.com/t/tvcE5D3yts

 

To move it in further you could try adjusting the line-height - http://screencast.com/t/hu1IV0zbKoVt


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
designpoint    0
designpoint

yeah not working...i want the teal text to be closer to the line and the whole widget to be in line with the first paragraph

Share this post


Link to post
Share on other sites
James B    436
James B

To get the sidebar to move down you'll need to adjust the top-margin. The only way I think you'll be able to get the text closer to the line is either to use a negative margin or place the image inside it's own div so you can manipulate it further. At the moment is all inside the p tag.

 

http://screencast.com/t/AF8wTFuNvW1


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
James B    436
James B

Ah i see. Yeah as that is all inside the <p> there's not way you'll be able manipulate that separately without effecting the rest of the content inside the <p> tag. If you wrap the image in it's own div and give it a class name, then you'll be able to control it independently using css on that class.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
designpoint    0
designpoint

yeah corrected it..i needed to add </p> and start a new <p> for the list

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

Sign in to follow this  

×