Applying background color to the outside of visual composer's row in the fixed width layout

Support
#1

Hello,

I’m using renew stack and visual composer for layout.

I’d like to apply the same background color to inside and outside of the visual composer’s row. Let’s assume that there are 3 visual composer’s rows in the fixed width layout. If I want to apply blue background color to the first and third rows, how can I do this? I can’t figure out how to access the outside of the visual composer’s row in the fixed layout.

Thank you in advance.

#2

Hi THere,

Please provide the specific URL to clarify.

Thanks

#3

I’d like to apply background color to the inside and outside of the row above the tab menus.

Summary

http://ec2-13-125-47-118.ap-northeast-2.compute.amazonaws.com/books-2/

Thank you.

#4

Hi There,

Please provide your login credentials and a screenshot of the specific row you are referring to clarify.

Thanks

#5

Hi Joao,

I’d like to apply a background color to the red rectangle in the attached image.

Thank you.

#6

Hey @SupK,

You will need to change your template to Blank No Container | Header Footer for the content to span fullwidth and so you can add a fullwidth background to that section. However, when I tested that, the column went fullwidth also and there is no way to contain it unlike in Cornerstone or even with VC X Integration enabled. Currently, X Integration is disabled in your site. Please consider rebuilding your page in Cornerstone or at least enable X Integration.

Thanks.

#7

Hi Christian,

I’m new to your theme. Let me ask you a question. Is it possible to apply Cornerstone to specific page?

Thank you for your kind supports.

#8

Hi There,

Cornerstone is a page builder, on X you can build your pages using the classic wordpress page editor, Cornerstone and Visual Composer (which is a third party page builder also avaliable).

You can choose to use Cornerstone on Page or Posts on your website.

You also can select Blank No Container Header Footer using Wordpress classic backend editor, below the blue update button on Page Attributes > Page templates.

Hope it helps

#9

Hi Joao,

I’ll try options as your suggested.

Thank you.

#10

Please let us know how it goes then.
If you have any other issues we can help you with, don’t hesitate to open another thread.

#11

Hi RueNel,

I guess that I find a way to achieve this. Actually there’s a simple solution for this.

For future reference, visual composer’s row option can be used.

  1. Changing the visual composer’s row option
    In visual composer’s row option, change the General -> Row Stretch to Stretch Row and change the background color in row’s design option. In this way, background color of the full width row can be changed without affecting fixed layout.

  2. Removing unwanted space between header and first section of content
    If the visual composer row starts at first from header, there could be unwanted white space. Using the following css codes can remove the unwanted space. However, I guess that it affects all the pages.

.site > .x-container.offset {
margin-top: 0;
}

I hope this helps.

#12

Thank you for sharing the solution.

Cheers!

#13

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