Padding Removal From Beneath Breadcrumbs in Dynamic Text Area Element « Support Forum | Kriesi.at

Support Forum » Replete

Padding Removal From Beneath Breadcrumbs in Dynamic Text Area Element

7 posts from 3 voices

Started 3 months ago by Noahj
Latest reply from Nick
This topic is not a support question

Tags:

Noahj
Member
Hi, I need one last fix I hope. Again... I tried everything I could to find my solution and got half way there, but need help on the other half. I also searched the forum and found no answer for this.

So here is my dynamic layout to better understand:
-- Page Title
-- Bread Crumbs
> Page Split
> Text Area / Call Out / Quotes (my issue is here)
> Page Split
> Post/Page Content
> Page Split
> Post/Page Content
> Portfolio

In the Text Area / Call Out / Quotes Area I have an image.
This image is to work like a page header and it does.
However my problem is there is padding on the top and the bottom of the Text Area / Call Out / Quotes element.

I want to remove this padding. I want my image in this portion to be flush up against the bottom of the breadcrumb area.

I was able to remove some padding by editing:
In /css/layout.css
```
#top .container_split .container{
padding-top: 0px;
padding-bottom: 0px;
}
```
I changed the values to 0.

This got rid of some padding but not all to make my image/area flush with it's surrounding content.

Then I experimented with changes to the ".callout" css rules (in the same layout.css) to see if my fix was there, but none of the experiments made any changes my needed area.

So I'm thinking it's the padding on the "content area" itself within?
I searched the other /css/ docs but couldn't find something relevant and I'm not sure where wordpress might have this by default if it is the padding on the content itself by wordpress default.

Hope I explained clearly and someone can help ;)

Thanks!

Other Notes:
Posted 3 months ago #
Ismael
Moderator

Hi Noahj,

Can you post a link to your site? so we can check what your Text Area / Call Out / Quotes Area looks like.

Regards,
Ismael

Posted 3 months ago #
Noahj
Member

Sure.. Right now it is in local building but will be viewable tonight/tomorrow morning. Will a screenshot right now help?

Screenshot Link: http://d.pr/i/HiZg

Posted 3 months ago #

Ismael
Moderator

Hi Noahj,

Try to add this code:

.dynamic_textarea_p p {
margin: 0;
padding: 0;
}

or this one:

.dynamic_textarea_p p {
margin: 0 !important;
padding: 0 !important;
}

Hope this helps. :)

Regards,
Ismael

Posted 3 months ago #

Noahj
Member

Thanks Ismael, but that doesn't work.

What is does do is mess up my "Featured Media iFrame" content in my portfolio post, which is the big white blurred box in my screenshot. It won't load when I add either of those codes.

Posted 3 months ago #
Ismael
Moderator

Hi Noahj,

Can you post a link to your site? so we can check it further. If you are not comfortable posting a link to your site here, try to send it to sighlence13[at]gmail[dot]com. Also, include a link to this thread.

Regards,
Ismael

Posted 3 months ago #
Nick
Moderator

Noahj,

Why don't you just install Chrome Developer Tools if you can't show the site, then right click on that empty space that you don't like then click Inspect Element on the pop up mouse menu. Your browser will split in two parts and show you the css code. You will see padding or margin right for that area. and you click the mouse down, and if margin responsible you will see movement on the upper portion of the Chrome browser panel.

There isn't that much in there and you don't actually write anything, just change whats there. I bet in 10 minutes flat you can find it , then just copy that changed block of css, and paste it into the Quick CSS or your custom.css. Because that's how we would do it, and since you can't let us see the code, we can be here for a very long time trying to guess what is going on blindfolded.

Thanks,

Nick

Posted 3 months ago #