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


  • Please log in to reply
6 replies to this topic

#1 designpoint

designpoint

    Advanced Member

  • Members
  • 59 posts
  • Country: Country Flag

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

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

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
  • Country: Country Flag

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

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

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
  • Country: Country Flag

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

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

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
  • Country: Country Flag

Posted 18 April 2013 - 02:36 AM

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