Hi,
I had someone do some custom coding when my WP site was setup, but now I want to reset it to the standard X Theme blog style. How do I do this?
Secondly, how do I make design changes to the single blog post design?
Thank you.
Hello @WideBlueSounds,
Thanks for asking. 
I tried looking for custom codes on child theme and couldn’t find any. I also don’t see custom CSS in Theme Options panel. In case the changes were made directly in theme files, in that scenario you need to find out where the changes are made and roll it back.
Can you please elaborate your second question? What kind of changes you are looking into single blog post design?
Thanks.
Thanks for your reply.
Can we just roll back EVERYTHING for the single blog post? We don’t need to keep any custom changes whatsoever to the blog page, or single post page. Thanks!
Hi There,
Upon investigating I would recommend you accessing your sita via FTP and removing PRO theme from wp-content/themes/
and re-install it.
Let us know how it goes.
Thank you!
We have custom changes to other parts of the site. Can we ONLY restore the single blog post?
“What kind of changes you are looking into single blog post design?”
We just want to be able to play with the CSS and layout.
Thank you.
Hi There,
I could see that this custom CSS forces your single post full width and I couldn’t find it comes from where:
.x-container.max {
max-width: 2400px;
}
.x-container.width {
width: 100%;
}
Please try adding this custom CSS under X > Theme Options > CSS to override it:
.single-post .x-container.max {
max-width: 1200px;
}
.single-post .x-container.width {
width: 88%;
}
Hope it helps
Thanks.
How can I make the blog page look like this demo:
http://demo.theme.co/integrity-9/blog/
and the single-post page look like this demo:
http://demo.theme.co/integrity-9/affiliate-marketing-101-self-hosted-video/
That would fix my issue.
Thanks.
Hey @WideBlueSounds,
I checked your setup in Layout and Design and it should display the sidebar in your single blog post like our demo. But, as @Thai pointed out earlier, there is custom CSS taking effect but it does not exist in Global CSS. The page being loaded must be cached. I see you’re using W3 Total Cache. Please activate it and purge all caches then completely remove it. If this does not help, please deactivate all your third party plugins so we can be sure they are not causing the issue and give us FTP access in a Secure Note.
I’m not sure about your blog page because you don’t have a page set as your post page in Settings > Reading. Please set one and in Appearance > Theme Options > Blog > Style choose Standard
Thanks.
Thank you for the detailed response.
I activated the cache plugin, emptied all caches, deactivated and uninstalled it using your guide.
I then created a blog page using your steps.
I deactivated all plugins and checked the blog page and the single post page - both of them looked the same as before. So I re-activated the plugins (since the site is live) as they don’t seem to be the issue.
Hi there,
The problem is originated from the settings you added in Pro > Launch > Theme Options > Layout and Design:
The content is set to 100% which does not give any room for the sidebar and the max with of 2400 sees to be too high.
The other point is that there is no Widget added to the **Main Sidebar section in Appearance > Widgets to have something in the sidebar:
Thank you.
Thank you, this helped fix the full width issue.
Now I just need to address the CSS styling.
How can I make the blog page look like this demo:
http://demo.theme.co/integrity-9/blog/2
and the single-post page look like this demo:
http://demo.theme.co/integrity-9/affiliate-marketing-101-self-hosted-video/1
In terms of having a centered div, tags appearing under posts, etc… basically just the layout & containers, not necessarily the colors and fonts.
I hope you understand, my blog is looking very bad since it broke and I need it to look good again ASAP. I appreciate the help.
Thanks!
Hi,
To make your blog the same as that, you need to adjust your max width and width under Theme Options > Layout and Design to this settings.
Then you need to enable Post Meta under Theme Options > Blog> Content
Please note that the empty space on the right is your sidebar.
You can add contents to it under Appearance > Widgets > Main Sidebar
You can adjust the width of your sidebar by adjusting Content Width under `Layout and Design
Thanks for the response. Unfortunately this also changed all the pages on my entire site, not just my blog, so I cannot do it this way.
I need to address (1) centering the content (2) styling the rows and columns to make it look nice (3) colors and fonts. Can someone please tell me where to change the CSS? Is there any such thing as a WYSIWYG editor for the blog page and single post page?
Thank you.
Hi there,
In that case, what you need is just add this CSS to your global custom CSS.
.blog .site > .x-container.max.width, .single-post .site > .x-container.max.width {
max-width: 1000px;
width: 88%;
}
@media (min-width: 980px) {
.blog .x-sidebar, .single-post .x-sidebar {
width: 25.536945%;
}
.blog .x-main, .single-post .x-main {
width: 69.536945%;
}
}
Then add this code to your child theme’s functions.php
function x_get_content_layout() {
$content_layout = x_get_option( 'x_layout_content' );
if ( $content_layout != 'full-width' ) {
if ( is_home() ) {
$opt = x_get_option( 'x_blog_layout' );
$layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
} elseif ( is_singular( 'post' ) ) {
$meta = get_post_meta( get_the_ID(), '_x_post_layout', true );
$layout = ( $meta == 'on' ) ? 'full-width' : $content_layout;
} elseif ( x_is_portfolio_item() ) {
$layout = 'full-width';
} elseif ( x_is_portfolio() ) {
$meta = get_post_meta( get_the_ID(), '_x_portfolio_layout', true );
$layout = ( $meta == 'sidebar' ) ? $content_layout : $meta;
} elseif ( is_page_template( 'template-layout-content-sidebar.php' ) ) {
$layout = 'content-sidebar';
} elseif ( is_page_template( 'template-layout-sidebar-content.php' ) ) {
$layout = 'sidebar-content';
} elseif ( is_page_template( 'template-layout-full-width.php' ) ) {
$layout = 'full-width';
} elseif ( is_archive() ) {
if ( x_is_shop() || x_is_product_category() || x_is_product_tag() ) {
$opt = x_get_option( 'x_woocommerce_shop_layout_content' );
$layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
} else {
$opt = x_get_option( 'x_archive_layout' );
$layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
}
} elseif ( x_is_product() ) {
$layout = 'full-width';
} elseif ( x_is_bbpress() ) {
$opt = x_get_option( 'x_bbpress_layout_content' );
$layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
} elseif ( x_is_buddypress() ) {
$opt = x_get_option( 'x_buddypress_layout_content' );
$layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
} elseif ( is_404() ) {
$layout = 'full-width';
} else {
$layout = $content_layout;
}
} else {
$layout = $content_layout;
}
if ( is_singular( 'post' ) || is_home() ) return 'sidebar-content';
return $layout;
}
Then head to Admin > Appearance > Widgets and add your widgets to the Main Sidebar similar to the demo. They are just text widget with HTML content.
Would you mind providing more information about the color styling? Like what part of the demo.
Thanks!
Thanks.
Final question (hopefully).
I don’t see many classes in the post page to let me customize the look of them. For example, is there a class to customize the body without the navigation bar?
Hi,
Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your email. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.