I want to make it aligned to center. I tried using html code like <div style="text-align: center;">[gtranslate] </div> but it wont work. Can anyone help me?
I have problem with media queries .
I used flex to build my website now I want to use the most advanced media querie which wil target all devices from iphone, samsung,ipad ,laptop and large desktop devices .
I study the media query of bootstrap but I didn’t find it 100%.
I looked in github and found this media query :
as example I wrote the code for device ( 320px to 480px ) but when I go to inspect it in chrome I see that after 400px the appearance (place) of the letters in the box under slide show or page image are misvorming .
/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
/* CSS */
}
/*
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
/* CSS */
}
/*
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
/* CSS */
}
/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
/* CSS */
}
/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
/* CSS */
}
/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
/* CSS */
}so I tried to write from 320 to 400px and then from 421 to 500px.
but if I do this way it wil take 12 to 16 media queries .untill 4k resolution.
my question is : what I have to do now ?
do I have just to observe devices and ignore the rest of points like for example 420px or 1150px or 1400px .
wil be 5-6 media queries enough to target all devices .
I need some professional advice.
thanks
]]>In the list view i want to edit some events via CSS. How can i get a fixes Event ID? i only see a data-event-id and data-mec-postid – but how can i catch them via CSS?
BR
Alex
First, I’m not a tech savvy person.
I like to know how to copy that drop shadow effect on click to my other buttons on my site?
Could please advise?
]]>I added a menu to my website in the footer, which has a hover effect. Certify has this effect in red, but that’s too biting for me. With my CSS skills I can’t make it to a green (#56c72b) hover effect. Can someone help me?
Thank you very much
Best regards
Philipp
Using the child theme provided by themeisle, the loading order gets messed up a little: woocommerce.min.css gets loaded after style.min.css and style.css instead of before.
But its enough to override and mess up the margins (and maybe other stuff) of most Woocommerce Pages.
]]>You can see an example here: https://www.dropbox.com/s/iacxh34hey2aesc/menu_error.png
The admin person is “missing” and I have to manage with the wordpress issues.
I have some knowledge of css and html but I can’t solve the problem.
Can anyone help me!!???
Many thanks
]]>