Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #19863

    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:

      - When I troubleshooted by removing the Text Area / Call Out / Quotes area from my dynamic template, then my page’s content is flush underneath the breadcrumbs area like how I want my image to be. That was just to test and see where the padding was coming from, whether it be from the “Page Split” or “Text Area / Call Out / Quotes” area.

      - I also tried changing my Text Area / Call Out / Quotes are to a Post/Page Content area and putting my image in a page instead and feeding it though as the header image. However, I get the same padding problem when I do that.

    #105314

    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

    #105315

    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

    [img]http://d.pr/i/HiZg+[/img]

    #105316

    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

    #105317

    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.

    #105318

    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

    #105319

    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

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Padding Removal From Beneath Breadcrumbs in Dynamic Text Area Element’ is closed to new replies.