victory

Imprint them

10 posts in this topic

I have used the col 3 options from the theme options.

I want to display only one footer, with the categories listed in it, wrapping into 5 columns.

This is the css code I have used in the customize css section. I still get one column. Is there a solution? I have been successful with the Corpus theme.

.footerbox_col_three {
    box-sizing: border-box !important;
    max-width: 20% !important;
    width: 20% !important;
}
@media only screen and (max-width: 600px) {
  .footerbox_col_three {
    width: 100%;
  }
}

Share this post


Link to post
Share on other sites

Hello,

Please provide your site URL?

Kind Regards.

Share this post


Link to post
Share on other sites

Hello,

These requirements cannot be met as the category widget is a module of WordPress & it is designed in a way to show in a single column.

Kind Regards.

Share this post


Link to post
Share on other sites

I was hoping that you could help with some css styling for the theme.

I was able to do that for the Corpus theme. Can that be done with the Imprint theme?

Screenshot-of-Corpus-footer.png

Share this post


Link to post
Share on other sites

Hello,

Please add the following code to custom CSS in Theme Options and see if it works:

#wrapper #sidebar-box .footerbox_col_three {
	width: 100% !important;
	max-width: 100% !important;
}

Kind Regards.

Share this post


Link to post
Share on other sites

I did not try your suggestion yet.

I used the following custom css, which works for computer and tablet.  I do not know how to covert to 1 column for small screens.

#footerbox_1 ul {
  height: 200px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
    list-style: none;
}    
.footerbox_col_three {
    max-width: 100% !important;
    width: 100% !important;
}

Share this post


Link to post
Share on other sites

Hello,

Please add the following code to custom CSS in Theme Options and see if it works:

@media only screen and (max-width: 800px) {
	#footerbox_1 ul {
		display: block !important;
		height: auto !important;;		
	}
}

Kind Regards.

Share this post


Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now