Jump to content


Photo
- - - - -

Sidebar widget


Best Answer James B† , 18 April 2013 - 02:28 AM

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.

Go to the full post


This topic has been archived. This means that you cannot reply to this topic.
6 replies to this topic

#1 designpoint

designpoint

    Advanced Member

  • Members
  • 59 posts

Posted 17 April 2013 - 11:42 PM

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;

 

 



#2 James B†

James B

    Advocate

  • DMS Subscriber†
  • 5126 posts

Posted 18 April 2013 - 12:14 AM

Hi there,

 

you can remove the margin on the <p> right down to zero, which will give this affect -

Please Login or Register to see this Hidden Content

 

To move it in further you could try adjusting the line-height -

Please Login or Register to see this Hidden Content



#3 designpoint

designpoint

    Advanced Member

  • Members
  • 59 posts

Posted 18 April 2013 - 12:45 AM

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



#4 James B†

James B

    Advocate

  • DMS Subscriber†
  • 5126 posts

Posted 18 April 2013 - 01:07 AM

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.

 

Please Login or Register to see this Hidden Content



#5 designpoint

designpoint

    Advanced Member

  • Members
  • 59 posts

Posted 18 April 2013 - 01:49 AM

Sorry you are looking at the wrong link, I'm happy with the About Us page, I was talking about the page below:

 

Please Login or Register to see this Hidden Content



#6 James B†

James B

    Advocate

  • DMS Subscriber†
  • 5126 posts

Posted 18 April 2013 - 02:28 AM   Best Answer

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.



#7 designpoint

designpoint

    Advanced Member

  • Members
  • 59 posts

Posted 18 April 2013 - 02:36 AM

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