Hey mdomfu,
Does your theme add a theme-specific class to your page which you can use to remove the border in your CSS? If not, you may be able to only show the border on desktop and not on mobile by just wrapping it in a CSS media query, like so:
@media (min-width: 500px){
#cff .cff-item.cff-box, #cff .cff-item.cff-box:first-child {
border: 1px solid #959595;
}
}
Let me know whether that answers your question, and I hope you’re having a good day.
John
Thread Starter
mdomfu
(@mdomfu)
Yes. it have a box to custom CSS. Is that what you mean?
Thread Starter
mdomfu
(@mdomfu)
I used this
@media (max-width: 997px){
#cff .cff-item.cff-box, #cff .cff-item.cff-box:first-child {
border-top: 1px solid #959595;
border-bottom: 1px solid #959595;
border-radius: none;
}
}
but not working. What code to show only in specific resolution (under 997px)and above this show the “normal” code?
Hey mdomfu,
The code you included will add a border when the page width is under 997px wide. I’m not sure how you currently have the customization options of the plugin configured but you may need to add the !important declaration in order to override any inline styles. For example:
@media (max-width: 997px){
#cff .cff-item.cff-box, #cff .cff-item.cff-box:first-child {
border-top: 1px solid #959595 !important;
border-bottom: 1px solid #959595 !important;
border-radius: none !important;
}
}
Let me know whether that works for you.
John
Thread Starter
mdomfu
(@mdomfu)
Not working…
I want this on desktop mode `#cff .cff-item.cff-box, #cff .cff-item.cff-box:first-child {
border: 1px solid #959595 !important;
}`
and when mobile mode no radius and only border at top and bottom.
I try a lot of code but not working at all
Thanks
To have a border on all 4 sides on desktop, and only on the top and bottom on mobile, you could simply use this:
#cff .cff-item{
border: 1px solid #959595 !important;
}
@media (max-width: 600px){
#cff .cff-item{
border-left: none !important;
border-right: none !important;
border-radius: none !important;
}
}
If that doesn’t work then please send me a link so that I can take a look.
John
Thread Starter
mdomfu
(@mdomfu)
Works perfectly!! Thanks!!
Awesome! You’re very welcome 🙂
No obligation, but if you like the plugin would you consider leaving a really quick review? It really helps to support the ongoing development of the plugin.
If you have any other questions in future then just let me know, and I hope you have a good rest of your week!
John
