removing space allocated to title or content in text box

[Frederic 3]

Hi there!

 

I have a small problem I would like to solve - i searched the forum but didn't find anything.

 

I want to have text boxes with narrow height - one line of text in text content area and nothing in title.

 

But ... something of the space allocated to title remain and the box ends up being quite fat.

 

The black line below the banner here is an example.

 

It i styled with  'classy-npt classy-nmt classy-txt-npt' yet, there's a lot of space left at the top.

 

 

Same problem if i put the content in title and leave the text area empty.

 

Could you guide me on what to do to remove that space?

 

Many thanks

[Danny+ 1,327]

Hi,

 

Can you provide a screenshot of the space you're referring to as I am not quite sure where you mean.

[Frederic 3]

Hi Danny.

 

here it is

 

http://screencast.com/t/t1tR1DAu4do

[Danny+ 1,327]

Add the following to your custom CSS:

 

#pl_areauncmy0 .pl-area-wrap {

padding-top: 0 !important;

padding-bottom: 0 !important;

}

 

Increase the values to add some space.

[Frederic 3]

Many thanks Danny.

 

I had tried a similar code with something i found in the forum this afternoon but i had applied it to the box and column, not to the layout section... I should have thought about it, classy doesn;t work on those ...

 

This is great, thanks, but ... i would love to get rid of more space above the line of text where the title of he text box sits ...

anything for that?

[Danny+ 1,327]

That is only visible when you have preview mode on (logout and that space will be gone), its currently a bug in 1.1.4 and has been fixed and will be available in an upcoming patch.

[Frederic 3]

Oh, thanks, brilliant!

 

Thanks a lot! :-)

[Danny+ 1,327]

No problem.

[Frederic 3]

Hi Danny,

 

One more question regarding what you gave me yesterday:

 

This code in custom css will apply to all pages based on that template or only on one particular page? 

 

 

#pl_areauncmy0 .pl-area-wrap {

padding-top: 0 !important;

padding-bottom: 0 !important;

}

 

Thanks

[Danny+ 1,327]

Well the code isn't prefixed with any page-id-x class, so it will effect all pages using that template.

 

If you want to effect only one page you will need to prefix the code with the page-id-X class which can be found in the body tag when viewing that page in either your browsers dev tools or view page source.

[Frederic 3]

perfect!

 

Thanks!