Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 16, 2015 at 11:52 pm #474610
    ACNLatitudes

    Hello. I am trying to get the widgets throughout the site to match the spacing of the widgets on our home page.

    For example, if you go to our home page, you will see that the top part of the upper widget (MEMBERSHIP LOGIN) lines up with the top part of the big image to the left (http://latitudes.org/), which is good. However, if you go to an article, you will see that the top part of the upper widget (MEMBERSHIP LOGIN) does not line up with the top part of the big image to the left (http://latitudes.org/cognitive-therapy-can-change-brain-in-tourettes/), which is bad.

    Please advise on how this can be fixed. Thanks!

    • This topic was modified 9 years, 5 months ago by ACNLatitudes.
    July 17, 2015 at 11:37 am #474815
    Rikard

    Hi ACNLatitudes!

    Please try the following in Quick CSS under Enfold–>General Styling:

    #text-52 {
display:none !important;
}

#am4login-9 {
padding-top:0px !important;
}

    The #text-52 section seems to be empty to you might want to remove that.

    Cheers!
    Rikard

    • This reply was modified 9 years, 5 months ago by Rikard.
    July 17, 2015 at 8:33 pm #475147
    ACNLatitudes

    Thanks. Putting your code in addition to this tweak that I made to the following code resolved the issue on the sidebar:

    .widget {
    padding: 10px 0 40px 0;
    }

    The only issue I notice now, is that the tops of my pages aren’t lining up with the top of the side bar (there is a big white gap area). The posts, archives, home page, etc.all match up fine with the top of the widget area (it’s just the pages that don’t match up).

    I tried modifying this code, but it affected the posts all well, which then made the posts not line up.

    .content {
    padding-top: 50px;
    padding-bottom: 50px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    min-height: 1px;
    z-index: 1;
    }

    Is there some other code that I can adjust to remove the extra padding from the top of all the “pages” only (without affecting other areas of the site)?

    Here is an example page:
    http://latitudes.org/donate/

    Please advise.

    Thanks!

    • This reply was modified 9 years, 5 months ago by ACNLatitudes.
    July 18, 2015 at 10:57 am #475246
    Rikard

    Hey!

    You can target pages by using this for instance: 

    .page #widget_thrive_leads-5{
border:1px solid red !important;
}

    this will target the #widget_thrive_leads-5 element on all pages.

    Regards,
    Rikard

    July 18, 2015 at 6:37 pm #475289
    ACNLatitudes

    Thanks. I see that I can use that to adjust the padding of the widget on the right side of the pages.

    However, what I would like to do is to adjust the padding at the top of the actual page itself without affecting the padding on other areas of the site (e.g., not affecting posts, etc).

    Pleas advise.

    July 20, 2015 at 6:49 am #475559
    Rikard

    Hi,

    You should be able to control them individually by using the following CSS:

    .sidebar {
  padding-top: 50px;
}

.content {
  padding-top: 50px;
}

    You will have to experiment a bit with the values to get the result you are after.

    Cheers!
    Rikard

    July 20, 2015 at 1:30 pm #475774
    ACNLatitudes

    Thanks, but I see that when I adjust .content, it makes the changes to lots of other places on the site (including posts). I just want to be able to control the padding at the top of pages only. Is there any css that is specifically assigned to just the pages only (that does not affect the top padding of posts)?

    July 21, 2015 at 1:17 am #476238
    Ismael

    Hey!

    Are you referring to the padding below the title container? You can try this:

    #main .title_container + .container_wrap > .container .template-page {
  padding-top: 10px;
}

    Regards,
    Ismael

    July 21, 2015 at 4:26 pm #476602
    ACNLatitudes

    Hi Ismael. I tried that code and it did not change what I am trying to fix.

    I am providing two images below to show you the white space that I am referring to. I put a little red bar on the left area of each image to show you the difference in the amount of white space that is shown:

    Sample Post: http://snag.gy/1kIt4.jpg
    Actual Post URL: http://latitudes.org/a-key-evolution-in-the-understanding-of-adhd/

    Sample Page (has excess white space above the content of the page): http://snag.gy/Fba2U.jpg
    Actual Page URL: http://latitudes.org/donate/

    I would like to reduce the amount of white space on that top area of the page (as indicated by that red bar that I inserted into the image).

    Thank you.

    July 27, 2015 at 6:24 pm #479221
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .content, .sidebar {
    padding-top: 15px;
}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.