custom css and display sizes.

jurjen
115 Posts
jurjen posted this 03 January 2016

Hi,

anyone has an idea on how to create custom css that differentiates on the display sizes?

I have some elements I place with custom CMS code and have to style those accordingly. For instance I have a price tag.

.Custom_price_tag {
position:absolute;
left: 200px;
}

for laptop it needs to be 150px, tablet 100px and phone 50px.

How can I do this with the bootstrap framework? How do I create this?

Regards
Jurjen

Hi, anyone has an idea on how to create custom css that differentiates on the display sizes? I have some elements I place with custom CMS code and have to style those accordingly. For instance I have a price tag. .Custom_price_tag { position:absolute; left: 200px; } for laptop it needs to be 150px, tablet 100px and phone 50px. How can I do this with the bootstrap framework? How do I create this? Regards Jurjen
Vote to pay developers attention to this features or issue.
2 Comments
Order By: Standard | Newest
jurjen
115 Posts
jurjen posted this 03 January 2016

I mean, besides @media query?

I mean, besides @media query?
Support Team
Support Team posted this 05 January 2016

Hello Jurjen,
is it what you're looking for http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
?

And you may put custom CSS under Settings >> Additional CSS

regards,
Aileen

Hello Jurjen, is it what you're looking for http://www.w3schools.com/cssref/css3_pr_mediaquery.asp ? And you may put custom CSS under Settings >> Additional CSS regards, Aileen
You must log in or register to leave comments