Remove Widget on Edge Themes

Hello @itsvincentjo
I checked into your theme thoroughly. There are altogether three sidebar widget sections (Main Sidebar, Contact Page Sidebar and WooCommerce Sidebar).

To remove the sidebar widget, Go to Dashboard -> Appearance -> Widgets. After that you will see the Sidebar Widget sections (Main Sidebar, Contact Page Sidebar and WooCommerce Sidebar) at right hand side of the page. To remove widgets click on each sidebar widget sections mentioned above, You will see widgets and click on the Widgets and delete them.

Hope this will help you to solve your problem.
Best Regards!

Hi @sujanarya,

I do know how to remove the widgets, but I’m trying to remove the main sidebar widget area since it’s taking quite a lot of space for the main area.

I think it requires me to go to the .php file to customise, but I’m not sure what to do.

Do you know how to do that?

Best regards.

• This reply was modified 8 years, 2 months ago by itsvincentjo.

Hello @itsvincentjo
I would suggest you not to go through .php file to customise because after every update of your theme you will lose changes. I recommend you to go through my suggestion.

Go to Dashboard=>Appearance=>Customize=>Edge Theme Options=>Enter your custom CSS.
And enter the CSS code given below in Custom CSS area and save it.

 #secondary{
display:none;}
 #primary{
width:100%;}

Hope it helps you.
Best Regards.

Hi @sujanarya,

Ur my hero!!
Thank you so much for your help ??

Btw, do you know how to show the widget area only on specific pages or is it possible to do it?

Thank you.
Best Regards.

Hi,

i′m also interested in the solution how I can remove the sidebar only on one page, in my case HOME.

I’ve tried your CSS-Code in combination with the Plugin widgets on Pages, but it doesn′t works, because the Sidebar is shown in full width, too ??

Best Regards

• This reply was modified 8 years, 1 month ago by gestaltungsmedien.

Hi @itsvincentjo,

I resolved the problem by myself.

adding .page-id-[No.] before helps.

For example:

.page-id-7 #secondary{
display:none;}
.page-id-7 #primary{
width:100%;}

Hope it will help you, too!

Best regards

Hi @sujanarya

This really helps, thank you! Now I am trying to make the content only about 80% of the width of the page, while still keeping it centered. I tried width: 80% which narrows the content but also shifts it back to the left. I also tried float:center but that didn’t work.

Thanks!

mwgerard.com

• This reply was modified 8 years, 1 month ago by mwgerard.

Update: I think I got it. I used the following:

#secondary{
display:none;}
#primary{
margin: auto;
width: 75%;}

I just updated the theme and this no longer works. I have placed it in “custom CSS” area but it is not centering anymore.

The code snippet above from @mwgerard works, but it removes the sidebar sitewide.
I figured the easiest way to remove widgets from posts is to comment out the line in single.php that pulls in the sidebar:
get_sidebar();

For pages, it’s in page.php.

The only problem then is centering the post/page content. Again the code above will move everything sitewide. I am still looking into it, but if anyone has already done it or has ideas on how to do it, can you please share? Please.

For reference, my site is at blog.xbydesign.biz. Thanks in advance.

In addition to removing the above line in single.php in your child theme, I have the 2 following options to center the post content:

OPTION 1:

.single.single-post #content{
    width: 100%;         /* or however wide you want the body to be */
    margin-left: 175px;  /* or however many pixels or % over you want the body to be */
}

I have mine set this way because I want the body of my post to take up the full (100%) space provided for the content & I want it completely centered. This theme’s page width is 1170 for full width & the “primary” area is set to 70% of that, “secondary” to 30%.

Setting the width to 100% takes up the entire content area & then setting the left margin shifts it all over. This moves everything together including the title, metas, etc., all aligned the same.

OPTION 2:

.single.single-post #primary{
    width: 80%;         /*or however wide you want the body to be */
    margin-left: 10%;   /* or however many pixels or % over you want the body to be */
}

.page-title {
float: none;            /* removing the default left float for titles */
text-align: center;     /* center the titles */
}

.single-post .entry-header .entry-meta, .single-post .entry-footer {
    text-align: center;   /* center the metas */
}

I personally used option 2 because I was concerned about responsiveness & I have a “thing” about symmetry. ?? Works for me so hope it helps someone else.
Look at https://blog.xbydesign.biz to see it in action. (And please forgive the missing photos, I’m completing the move to multisite).