css question wordpress

i bought this theme and it seems that it's using custom css for some html properties..

demo.wpbakery.com/lightning/features/

I created a copy of the theme on my website, and added some automatically syndicated content that was already formatted and styled with CSS..  and the buttons are now a bit broken:

cloudcarib.bz/vmware

any ideas how I can bypass the theme’s custom CSS for this page only.. or even for the whole theme?

which property could be causing this break.. maybe some sort of padding?
darkbluegrAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Jason C. LevineNo oneCommented:
The buttons are using tables to break them into left edge/middle button/right edge but the widths on the table are set to 100% whereas the cells have no width declaration.  So the content you added stretches the table out too wide and the gaps appear.

Just change the widths on the tables and cells to match the complete button element and image widths respectively and it should snap back into place.
0
darkbluegrAuthor Commented:
thank you for the quick reply, unfortunately i do not have any control into the content that gets pushed to the site , it's just a wordpress shortcode that i insert, and the syndicated content gets added to the site. so i was wondering if i could control the tables formatting on the theme side?
0
Jason C. LevineNo oneCommented:
Not really.

You can add a new CSS declaration locally for classes clsSVButton and clsSVCursor and try to constrain the width of the table that way (use !important so it gets picked up properly) but if that doesn't work then you'll have to contact whoever is providing this content and get them to code it correctly.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

darkbluegrAuthor Commented:
this is very helpful, thank you

may i trouble you for the syntax of this css declaration of clsSVButton?

0
Jason C. LevineNo oneCommented:
It's just normal CSS...

.clsSVButton {
  width: 100px !important;
}
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
darkbluegrAuthor Commented:
Hmmm seems fixed size wont work on some other sub-pages:

cloudcarib.bz/vmware?svpage=solution_serverconsol&sid=4f63e0d9d331fd7fd540d4a7e6aadfc8

I guess we are out of luck?
0
Jason C. LevineNo oneCommented:
Yeah.  Short of contacting the content provider or really blowing up all CSS related to tables locally (even then, may not work) and tweaking you are out of luck.
0
darkbluegrAuthor Commented:
thank you
0
darkbluegrAuthor Commented:
thanks
0
darkbluegrAuthor Commented:
the theme designer suggested adding this custom code. It improved the appearance but some gaps still display. any thoughts on how to fix the remaining small gap by using this method?

##

.page-id-1071 .main_content table {
    border: none;
    margin: 0;
    text-align: inherit;
    width: auto;
}

.page-id-1071 .small_tour_menu_ul li.odd,
.page-id-1071 .main_content table tr.even,
.page-id-1071 .main_content table tr {
    background: none;
}

.main_content tr td.page-id-1071 {
    border: none;
    padding: inherit;
}
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
WordPress

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.