Blog page sidebar stuck on the bottom

Support
#1

URL: https://www.maestroagnew.com/musings

How do I get the side bar of widgets (Recent Posts, Archives, Categories, Meta, etc.) on the right side of my blog posts instead of at the bottom?
Is there global CSS that I can use to decrease the width of the blog post previews so that the side bar of widgets can fit?

In “Options => Blog” I have “Use Global Content Layout” selected instead of “Full Width”.

#2

Hello @nazukeoya,

Thanks for asking. :slight_smile:

I think you have added few custom CSS codes. I suggest you to please remove those CSS. Please see screenshot. https://screencast.com/t/9mB2DGrO

In case issue still persist, please add following CSS under X > Launch > Options > CSS:

.blog .x-main.left {width: 65%;}

.blog .x-sidebar.right {width: 30%;}

Thanks.

#3

Where would these custom CSS codes be located?

#4

Hi there,

You can search for it in the CSS panel of the theme options.

#6

I don’t see the CSS in the standard CSS editor in WordPress, in X-Theme’s CSS editor, or in X-Theme’s Global CSS Editor either. Below is a screen shot of my Global CSS.

**

Global CSS Code:

**

.wpcf7-radio .wpcf7-list-item {
margin-left: 5px;
margin-right: 20px;
vertical-align: top;
}

.wpcf7-radio .wpcf7-list-item input[type=“radio”] {
margin-right: 16px;
}

.x-navbar-inner .x-container.max.width {
max-width: 100%;
width: 100%;
}

.page .entry-featured {
display: none !important; }

.x-breadcrumbs {font-size: 150%;}
.x-breadcrumbs a,
.x-breadcrumbs span,
.x-breadcrumbs .current

.ubermenu-skin-charcoal.ubermenu-responsive-toggle {
margin-top: 5px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 30px;
}

.x-topbar .x-social-global a {
font-size: 40px;
margin: 0 10px 10px;
}

.blog .x-main.left {width: 70%;}

.blog .x-sidebar.right {width: 25%;}

blockquote {
margin: 1em 5em;
color: #758fa3;
border-left: 2px solid #999;
padding-left: 1em;
font-size: 14pt;
font-style: italic;
font-family: serif;
position: relative;
}

blockquote:after {
content: “\201C”;
position: absolute;
display: block;
font-family: Georgia, “Times New Roman”, serif;
font-size: 200px;
color: #f6f6f6;
top: 0;
left: -90px;
width: 78px;
height: 120px;
line-height: 160px;
text-align: center;
overflow: hidden;
}

#7

Hello @nazukeoya,

Thanks for asking. :slight_smile:

That’s interesting. Can you please share website login details in a secure note for us to take a closer look?

Thanks.

#8

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