Docs

[mittavalley]

Hi there,

I am trying to amend a border height for these boxes to be the same height. I added an extra css class for this page amendment, .x-promo-freecamping-frame, to Body CSS Class(es) in Visual Composer as attached. Then, I added the following CSS property in Appearance > Customise > Additional CSS.

/* You can add your own CSS here.
Click the help icon above to learn more.
*/
.x-promo-freecamping-frame {
overflow: hidden;
margin-bottom: 1.313em;
border: 1px solid #ddd;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 4px;
height: 415px;
}

But the cahnge didn’t take effect. Need your help please.

Thanks
Regards,

[Nico]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[mittavalley]

Hi Nico,

I am working on development mode using DesktopServer. I am not sure whether you can see it. The website is http://www.mittavalley.dev.

Thanks.
Regards,

[Friech]

Hi There,

Nope, we can’t see that. Please do not prepend the class with period when assigning it to a page or element. You only need the period when you declare the class on Custom CSS.

Thanks.

[mittavalley]

Hi there,

I still don’t understand what you mean. But I resolved by adding extraclass (“post-326”) on Promo Element using Visual Composer for each element for the same row. Then, I added an additional css on Custom > Edit Global CSS

.x-promo.post-326 {
overflow: hidden;
margin-bottom: 1.3
13em;
border: 1px solid #ddd;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 4px;
height: 415px;
}

It works! Please see the attached screenshots.

I have also another issue with customising another page which using Cornerstone. For this page, I would like to remove the boder of entry.wrap. If I checked on Toggle tool, it seems that if I remove box shadown on class entry.wrap it removed the border. Please see the attached file (“Live page remove border”). I added extraclass (“post-6”) on Settings > XSettings >

Body CSS Class (es)
post-6

And, I added the CSS style on Custom > Edit Global CSS
.entry-wrap.post-6 {
display: block;
padding: 60px;
background-color: #fff;
border:none;
/* box-shadow: 0 0.15em 0.35em 0 rgba(0,0,0,0.135); */
}
It didn’t remove the border!! What should be the right code?

Do you have any manual that explains the concept of what difference if we add extraclass in Element of Visual Composer and Body CSS Class (es)?

Thank you.
Regards

[Christopher]

Hi there,

Provided URL doesn’t work anymore, please check.
Please try this code :

.post-6 .entry-wrap  {
border:none;
 box-shadow: none;
}

Thanks.

[mittavalley]

Hi there,

Sorry for a late reply. I was unable to remove border as per your suggestion.

I’ve add extra class on Cornerstone > Settings > XSettings >body css class > post-6 as seen in the attached file. And
I’ve added on Appearance > Customise > Customise > Edit Global css>
.post-6 .entry-wrap {
border:none;
box-shadow: none;
}

Thank you.

[Friech]

Hi There,

Please use a Blank – No Container, Header | Footer template for that page.

What I mean on my last reply is, on your screenshot you added the body class as:

.x-promo-freecamping-frame

When assigning a class to the body or element, you should not have a period on it.

x-promo-freecamping-frame

Cheers!

[mittavalley]

Hi,

x-promo-freecamping-frame has been working. You are right. I did change to e-promo-freecamping-frame a while ago. Thank you for your suggestion anyhow.

However, my existing problem is the extraclass “post-6” dated 14 Jan and 18 Jan.

I have also another issue with customising another page which using Cornerstone. For this page, I would like to remove the boder of entry.wrap. If I checked on Toggle tool, it seems that if I remove box shadown on class entry.wrap it removed the border. Please see the attached file (“Live page remove border”). I added extraclass (“post-6”) on Settings > XSettings > …..

[Friech]

Hi There,

Yes, that is why I suggest above to use a Blank – No Container template. Because a Blank – Container template gives you that entry-wrap that has a box-shadow.

If you need a plain CSS to remove the box-shadow, add this on your custom CSS.

.entry-wrap {
	box-shadow: none !important;
}

Thanks.

[mittavalley]

Hi Friech,

Thanks. Good to know.

Cheers.

[Rahul]

You’re most welcome!

Feel free to ask us again.

[Author]

Posts