I want to set my Homepage to Full Width

This is to add, as you can see in my website homepage, the site only utilizes the middle part of the page. There are lot of white spaces in the left and right side. I hope you got what I meant. Sorry can explain it technically.

Hi Grace

I notice that your home page template is set to ‘Full Width Page’.
You could try changing it to ‘Default’

See my normal home page (set to ‘Default’ template)
https://www.quarlton.co.uk/

And this copy, set to ‘Full Width Page’
https://www.quarlton.co.uk/home-test/

Note that the ‘Full Width Page’ doesn’t show the sidebar.

Don’t know if this helps????

Dave

Thank you so much Quarlton for fast response.

How did you do it? Is there any other way that I can utilize the whole page in (homepage) without displaying the sidebar? I set it to the default template but there is still large white spaces in the left and right. Please see my site

https://happytwists.com

Thank you in advance, how can I change the color of my Menu? And can I change also the hover color or design?

And as you can see in my homepage, there is white space after the header section, to the content section, how can I adjust this?

To add with my query:

To set my homepage to Maximum Width when displayed in desktop.
Please refer to this site: https://theboholana.blog/ (everything in the homepage was utilized)

Refer to mine https://happytwists.com there are lot of white spaces in the left and right side. The homepage only utilizes the middle part of the page but I already set in Full Page width but still it displayed only in the center.

Hope I get a response on this. Really wanted to finish designing my site.

Thank you very much!

Hi Grace

In ColdBox you can only choose sidebars to be on (Right, Left, Bottom) or off (Hidden). This applies to all pages. This means that although you don’t have a visible sidebar, the space is still used.

I had this problem and posted on this forum and got a reply from Toshihiro (the designer) that allowed me to switch sidebars off on individual pages.

You need to add some code to the ‘Additional CSS’
From the Dashboard select: Appearance, Customise, Additional CSS
The code is shown below.

You need to identify the page by using the page id (page-id=31) in the example below. It occurs 3 times. I think your home page is page-id-156.

Hope this helps.

Dave

/*REMOVE SIDEBAR ON ‘Home Page’*/
/*Remove the sidebar on a given page. Code from theme creator.
* May create an error clicking Publish, but accept this.*/

body.page-id-31 #main #wrapper > .container {
display: block;
}

body.page-id-31.right-sidebar-s1 .content {
padding-right: 0;
padding-left: 0;
}
body.page-id-31.right-sidebar-s1 .sidebar-s1{
display:none;
}

Hi Grace

With regards to your questions regarding the menu colouring, I’ve put together a few notes. See: https://www.quarlton.co.uk/wordpress-css/

You can see the file in full screen by clicking the WordPress CSS link or you can download it.

Hope this helps

Dave

Wowwww! Perfectly working. Thank you so much, Dave!

• This reply was modified 5 years, 4 months ago by chasedbygrace.

Hi Grace

I noticed a couple of items missing from my css notes that I sent the link for, so I’ve added them now. They should help with questions re font colour etc.

Dave

Thank you, Dave! Your reply means a lot! Will be waiting for the new link. ?? I’ll try to read and understand it myself.

Hi Grace

Link hasn’t changed – just content.
Try refreshing the page to get the latest version.
Page 3 should begin:-
Various other settings
/*Reduces padding around title box i.e. page name*/

Dave

Hi Dave, read the link content but I’m sorry I find it hard to understand. Hehe,
Anyways will try to study a bit – I just wanted to change top menu bar color not the sidebar.

Anyways, thank you so much!

Hi Grace

Menu bar font colour is easily changed, it’s a built-in setting.

Appearance, Header, Colours
Then you can change ‘Header Text Colour’ etc.

Dave