transparent yes or now

Hey schweg33,

Thank you for the inquiry.

You can use a css media query to control on which device or screen width the css modification should be applied. Please replace the css with the following code.

@media only screen and (min-width: 768px) {
	/* Add your Desktop Styles here */
	.formatfam {
		background-color: rgba(255, 255, 255, 0.7);
	}
}

Best regards,
Ismael

Hi,
Thanks for your patience, but I checked the two links above with Chrome Dev Tools and my Android device and the white background color for the .formatfam text shows on my mobile device, perhaps you have sorted this out already?

Best regards,
Mike

Hi,
Thanks for the feedback, I believe that I misunderstood, for desktop you would like a slightly transparent background color, and for mobile you would like a solid background color, correct?
Try this css instead:

@media only screen and (max-width: 767px) {
	#top .formatfam {
		background-color: rgba(255, 255, 255, 1);
	}
}
@media only screen and (min-width: 768px) {
	#top .formatfam {
		background-color: rgba(255, 255, 255, 0.7);
	}
}

Best regards,
Mike

Hi,
Thanks for the feedback, for the table which has two different background colors for odd and even rows, I assume that for the desktop you want slightly transparent background colors, and for mobile, you would like the solid two background colors that it is now, correct?
Try this css:

@media only screen and (min-width: 768px) {
#top.page-id-12139 .main_color .pricing-table>li:nth-child(odd) {
    background: rgba(248, 248, 248, 0.7);
}
#top.page-id-12139 .main_color .pricing-table>li:nth-child(even) {
    background-color: rgba(145, 145, 145, 0.7);
}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
If you are going to use this for multiple tables on different pages but do not want to apply it to every table on the site, I recommend adding a custom class to the tables.
Such as you did above with formatfam for example try adding the custom class and use this css:

@media only screen and (min-width: 768px) {
#top .main_color .formatfam .pricing-table>li:nth-child(odd) {
    background: rgba(248, 248, 248, 0.7);
}
#top .main_color .formatfam .pricing-table>li:nth-child(even) {
    background-color: rgba(145, 145, 145, 0.7);
}
}

If this doesn’t help after you add the custom class we can check again and adjust the css.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike