Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 4, 2016 at 5:58 pm #642973
    Websi96

    Hi dear Enfold Team,

    i like your Theme really much!!

    Is it possible to get the sidebar 100% height to the footer.

    so it is the same heigth as the content

    see the picture: Screenshot

    thanks in advance,
    Websi

    June 4, 2016 at 6:57 pm #642981
    Basilis

    Hey Thomas,

    Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support.
    However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Let us know if we can do anything else for you, we will be happy to assist.

    Best regards,
    Basilis

    • This reply was modified 8 years, 6 months ago by Basilis.
    June 4, 2016 at 7:55 pm #642993
    Vinay

    Hey Thomas,

    We need to be able to inspect them in order to help but it looks like you are working on a localhost so please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    Adjust the value 250px to match the design.

    .sidebar {
   min-height: calc(100vh - 250px);
}

    if the above don’t work please get back to us when we can actually inspect the element in question in order to help.

    Best regards,
    Vinay

    June 5, 2016 at 12:10 pm #643114
    Websi96

    thank you for the quick reply,

    yes i’m on a local server..

    but i didn’t change much. i only set a fixed background via the enfold theme settings and some css styles in the enfold child styles.css
    I also put some coulmns on the example site.

    here are my custom styles:

    
/* Background Transparent */
	#main, .main_color {
		background-color: transparent;
	}

/*Background white*/
	.fullsize .flex_column, .sidebar_right .flex_column, .inner_sidebar, .search .container .av-content-small.units{
		background-color: white;
	}

/* Body rechts abstand */
	.boxed#top {
		padding-right: 400px;
	}
	@media only screen and (max-width: 1110px) {
		.boxed#top {
			padding-right: inherit;
		}
	}

/* container */
	.fullsize .container, .sidebar_right .container {
		padding: 0px;
	}
	.fullsize .flex_column, .sidebar_right .flex_column, .inner_sidebar, .search .container .av-content-small.units {
		padding: 25px;
	}
	.inner_sidebar {
		margin-left: 0px;
	}
	.content, .sidebar {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.content .entry-content-wrapper {
		padding-right: 40px;
	}
	#top .title_container .container {
		margin-bottom: 40px;
	}
	.search .container .av-content-small.units {
		margin: 40px 40px 40px 0px;
		width: 65%;
	}
	.author-extra-border {
		display: none;
	}
	#socket {
		margin-top: 40px;
	}
	.main_color {
		border-color: transparent;
	}

    hope you can help me,

    yours Websi

    • This reply was modified 8 years, 6 months ago by Websi96.
    June 5, 2016 at 6:43 pm #643168
    Vinay

    Hi,

    Try the below code in child theme css

    .sidebar, .sidebar_right {
   min-height: calc(100vh - 250px)!important;
}

    If this does not work we need to be able to inspect the site please get back to us with a link to your site where we can access it. Without being able to inspect, there is not much we can do at this point :/

    Best regards,
    Vinay

    October 2, 2018 at 2:08 am #1016799
    swazzi

    Hi there, Enfold geniuses!

    I put your gallery widget in my sidebar and enlarged the picture size via css, but gallery length is exceeding the length of page content.

    I want to use the same photo gallery on various pages of different lengths.

    How can i get sidebar images to cut off, so they end at or before the end of main page content?

    (I tried the css above and it didn’t work)

    Thanks for your amazing theme and your help!

    Franca

    • This reply was modified 6 years, 2 months ago by swazzi.
    October 2, 2018 at 7:52 pm #1017192
    Victoria

    Hi Franca,

    This cannot really be done just by css, it requires some JavaScript.

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Victoria

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