custom css wont work: width

[TonyS]

Hey guys

I can’t seem to get my custom css code to work.

https://isenzo.tours/st_tour/road-cycling-tour-8-night-package/

The block under adult bookings is too small as it does’nt display the arrow dropdown and the number of adults selelected when booking.

I’ve done an inspect element and changed the .col-sm-4 {
width: 60%;
}

https://postimg.org/image/698qxvz7b/

the width was 33% and I changed it to 60% on the inspect element page on the website and it works.

But if I add this to my custom css code in my website, nothing happens.

Am I doing something incorrectly?

Tony

[Shikkediel]

Which stylesheet are you using for the adaptation?

[TonyS]

Hi Shikkediel.

I’m sorry but i don’t really know too much about css.

I am putting the custom code on the “page settings” custom css in visual composer.

How do I find the stylesheet you are asking about?

Tony

[Shikkediel]

I have little familiarity with WP or that particular plugin so I couldn’t tell you myself. Couldn’t you change the class of that element from col-sm-4 to col-sm-8? That’ll do the same without changing the style itself. Again, not sure if you’re able to access HTML either.

[Shikkediel]

Did you manage to change styles before by the way?
The style isn’t reaching the page at all in any case.

[TonyS]

Thanks for trying to help me, but I don’t understand what to change.

[Shikkediel]

I wasn’t aware it would be so plugin specific…
Have you ever tried to make changes before? Or did you update recently? I did come across this (matches the version on your site):

Compatibility issue

I would have to leave any other ideas to members that are more familiar with Visual Composer, I’m afraid.

[Author]

Posts