Footer content blank & How to increase space between two columns

Support
#1
  • Footer: Content is not displayed
    I tried using the below code by referring to the support pages, without much luck, only the title gets displayed, the rest of the content is not displayed
    .x-colophon.top .h-widget {
    color: rgb(170, 0, 0);
    }

.x-colophon.top .widget ul li a:hover, .x-colophon.top .widget ol li a:hover {
color: rgb(190, 0, 0);
}

.x-header-landmark {
display: none;
}

  • How to increase the space between two columns inside a row so that there is space between those two elements in the mobile view

  • How to display a particular category of blogs in a page (almost like a blog, but a secondary blog)

#2

Hi There,

Thank you for writing in, please update your custom CSS code above to this:

.x-colophon.top .h-widget {
	color: rgb(170, 0, 0);
}

.x-colophon.top .widget ol li a,
.x-colophon.top .widget ul li a,
.x-colophon.top .widget p {
	color: rgb(190, 0, 0);
}

.x-colophon.top .widget ul li a:hover {
	color: magenta;
}

Add this on the involve Column’s Element CSS area, except the last column.

@media (max-width: 767px) {
	$el {
	 margin-bottom: 4%;
    }
}



Navigate to Appearance > Menus then add an item from the Categories tab.



Hope it helps,
Cheers!

#3

Thank you!!! Everything worked! :slight_smile:

#4

You are most welcome. :slight_smile:

#5

Hello!

Looks like I have another issue. The blog pages now have a “Category Archive” section on top (when the “Blank - No-container | Header, Footer” template is not chosen this happens in a page). Since the blogs do not have a page (where the template could be changed) I am not sure how to get rid of this section.

Would be great if you could assist!

#6

Hi There,

Category Archive is the default title of a category page if you have not configure it.

Please navigate to Posts > Categories, edit your categories and set Archive Title for each.

We can also hide that title bar (header landmark), by adding the custom CSS below to Theme Options > CSS

.archive .x-header-landmark {display: none;}

Hope it helps,
Cheers!

#7

Wonderful! I wanted to hide the header landmark, custom css helped!

Thank you again!

#8

We are delighted to assist you with this.

Cheers!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.