Docs

[Baywalk Mall]

Good day,

I’ve been researching this endlessly and unfortunately can’t get a solution as yet. Ultimately, I would like to get my custom post type called ‘Stores’ to be fullwidth with no title or spacing at the top, similar to the page template ‘Blank – No Container | Header, Footer’.

So far, I have tried several CSS code provided to other users with the same question but none of these CSS codes seem to have made a difference.

Currently, what I have is:

– Duplicated wp-content/themes/x/template-blank-4.php as wp-content/themes/x/single-stores.php
– Duplicated wp-content/themes/x/framework/views/icon/template-blank-4.php as wp-content/themes/x/framework/views/icon/wp-stores.php

And that has given me the result in the attached screenshot. As you can see, the sections do not span all the way across the screen. There is still some sort of margin on either side, and there is also a space at the top where the title used to be and some space at the bottom. I’d like some assistance in removing all those spaces. 🙂

Thanks in advance for the assistance.

[Jade]

Hi there,

Would you mind providing us with login credentials so we can take a closer look at your current setup? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[Baywalk Mall]

This reply has been marked as private.

[Nabeel A]

Hi again,

Thank you for providing the credentials! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.single-stores .content {
    padding: 0 !important;
    margin: 0 !important;
}
.single-stores .entry-wrap {
    padding: 0 !important;
}

Let us know how this goes!

[Baywalk Mall]

Many thanks!

That seems to have worked perfectly. 🙂

[Joao]

Glad to hear it 🙂

Let us know if we can help with anything else.

Joao

[Mitica]

Hello team!

Currently I have selected as page templates: ´layout – full width´. I have also inserted some coding to have the background of the sections transparent.
However, this way my sections are not full width.
I want all of my sections to be full width, so that I can have some sections to be transparent and others to be coloured, to stretch over the whole page. I have looked through the knowledge base and cannot figure it out. Maybe my coding is in conflict with the new I put in? I added a screen shot of what I would like to happen.

[Rad]

Hi there,

The full-width is just a counterpart of with-sidebar. It’s a full-width content but there are still a layout that limits it content. Full-width layout has a container.

You should try Blank – No Container | Header, Footer template. It will be full-width with no container.

Thanks!

[Mitica]

Hello Rad

Thank you for your reply, I tried that before I posted my question, but doing this makes all of my sections have a white background, none of them are transparent anymore and I want some sections to be transparent, some opaque, some full colour… If I change the transparency of the background colour of the section inside cornerstone, the background just changes to white. If I put extra coding into the customizer, nothing changes. I know that I am missing something but I do not know what it is.

Thank you for helping me out!

[Mitica]

This reply has been marked as private.

[Mitica]

For extra info, I added the following code in custom css, to remove an ugly white background I had behind all my content, blocking most of the image I set as background. I took it off the forum, so am not sure if it is fitting for my stack or issue, but it does do the trick.

.x-container.main:before {
display: none;
}

I have still not figured out how to make the white background of the sections disappear. I am guessing it should be simple but it is not for me for some reason… Thank you for helping me out.

[Rue Nel]

Hello There,

Thank you for the clarifications! Please be advised that some of the page templates has a default white background color. To set it to transparent, please add the following css code in the customizer, Appearance > Customize > Custom > CSS or insert this code in your child theme’s style.css (if you are using a child theme)

.page-template-template-blank-4-php .x-main, 
.page-template-template-blank-5-php .x-main, 
.page-template-template-blank-6-php .x-main, 
.page-template-template-blank-8-php .x-main {
    background-color: transparent !important;
}

Please let us know if this works out for you.

[Mitica]

Hello Rue Nel,

I first inserted the code in to my child theme’s style.css and I still had the white background.
I then tried the first option and just put the code into custom>css and it worked, hurray!!

This does leave me thinking though that my child theme is not working? I used it before to modify the carousel to auto rotate and that works. Also, I have other css coding that I just put under coding and not in my child theme. Could this cause errors when the theme is being updated? Should I put it all in my child theme style.css? I am learning, but this is still all very new and I do not want to make any mistakes. This is all the coding I have in custom right now:

/* navbar changes */
.x-navbar .desktop .sub-menu {
background-color: rgba(13,55,137,0.90);
}

.x-navbar .desktop .sub-menu a, .x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a {
color: white;
}
.x-navbar .desktop .sub-menu a:hover,
.x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a:hover {
color: #abe5f2;
}
/* eliminate white background everywhere*/
.x-container-fluid.max.width.main:before {
background: transparent!important;
}

/* accordion changes */
.x-accordion-heading .x-accordion-toggle.collapsed{
background-color: #1E4992;
color:#fff;
font-size:16px;
}
.x-accordion-heading .x-accordion-toggle:hover {
color: #fff;
}
.x-accordion-heading .x-accordion-toggle{
color: #6899EC;
background-color: #1E4992;
font-size:24px;
}
.x-accordion-heading .x-accordion-toggle:hover:before {
color: #fff;
}
/* delete white background from sections*/
.page-template-template-blank-4-php .x-main,
.page-template-template-blank-5-php .x-main,
.page-template-template-blank-6-php .x-main,
.page-template-template-blank-8-php .x-main {
background-color: transparent !important;
}

Thank you so much for all the help, I am having so much fun with this and the support is superb! It is challenging and super interesting to do and the results are magnificent! Will be buying another X theme tomorrow for another site! Keep it up!

[Christopher]

Hi there,

The CSS code inside style.css file works fine, please see the attachment.
Feel free to move your codes to child theme’s style.css file.

Thanks.

[Mitica]

Hello Christopher! Thank you so much! I moved everything and everything works! This is a whole new world for me but I love it, thanks for the support!

[Author]

Posts