Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 25, 2014 at 8:16 pm #283739
    axiomnews

    How can I add a background color (or background gradient) behind the sidebar on some pages, and have it span the full height of the sidebar area, down to the top of the footer, with no gaps?

    I need to be able to choose which pages to apply this background color or gradient to.

    (Is there a better way to accomplish this same result? For example, a different color scheme, or modifying the one I’m using?)

    Thanks.

    June 26, 2014 at 2:51 am #283866
    Ismael

    Hi Ben!

    Thank you for using the theme!

    I’m sorry but the height of the sidebar will depend on the widget or content inside it. You need to create a script that will calculate the height of the container_wrap_first div then apply it on the sidebar. Please visit Envato Studio or Werkpress for further customization.

    Regards,
    Ismael

    June 26, 2014 at 4:40 pm #284157
    axiomnews

    I understand.
    Is there a way to do this using the styling of an alternate content area? The background color in alternate content areas automatically spans the correct space.
    (And can that styling be selective applied to the sidebar on a specific page?)

    Ben

    June 26, 2014 at 5:39 pm #284182
    Yigit

    Hey!

    You can try adding following code to Quick CSS in Enfold theme options under General Styling tab

    .page-id-5959 .sidebar {
min-height: 2000px;
background: #e2e2e2;
}

    You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg
    This is not a reliable solution. If that does not work for you, please hire a freelance developer as Ismael suggested

    Cheers!
    Yigit

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