Wordpress reads certain styles only on narrow screens

Got another question open on this problem, but I'll make it more specific here, and may be if I get a right solution here, it will help to fix the rest.

Live link here http://soloveich.com/pr6/blog/

So, I have a background div for date. For some reason, it only displays correctly on narrow screens, and styling of it doesn't even show in source code on wider ones. The styling is there. Checked it in wp admin panel theme editor.

html

<div class="date3">
<div class="datetxt">
<div class="month"><?php the_time('M ') ?></div>
<div class="day"><?php the_time('j ') ?></div>
</div></div>

css

.date3 {
width:100px;
height: 100px;
border: 2px solid transparent;
border-radius: 100px;
background-color: #7E7E7E;
color: #fff;
text-align: center;
}


@media screen and (max-width: 530px) {
.date3 {
width:100px;
height: 100px;
border-radius: 60px;
}
}

.month {
text-align: center;
margin-top: 12px;
text-transform: uppercase;
font-size: 24px;
font-weight: 200;
    font-family: 'Exo 2', sans-serif;
}

.day {
text-align: center;
margin-top: -8px;
text-transform: uppercase;
font-size: 40px;
    font-family: 'Exo 2', sans-serif;
}

Also, tried to cheat and set up mediaquery for larger resolution. No luck. p.s. all of that started happening after posting a youtube video with post breaker in text

Solutions

The css for .date3 only exists in media queries that's why it works on lower resolution screens. Try putting it above all the media queries. Should work

Tags: Html / Css / Wordpress

Similar questions

Woocommerce Checkout Page Order Review Table Product Name and Quantity Columns are too narrow
I have a Woocommerce site with Ocean WP theme. The checkout page, order review table, product line is messed up. The Product Name and Product Quantity and Product Amount are compressed into small narrow columns on Mobile Only. I have researched endlessly for similar issues and can't find something similar. I have tried modifying the table widths to...
Best way to narrow down source of high-CPU usage/load times on website?
I have a WordPress website that has a decent amount of traffic, both guests and logged-in users. (Logged in users not served cache pages). I use WP Super Cache. The site is very dynamic (main purpose is file downloading, rating, sharing, Buddypress section, etc.) It's quite large and active at all times. I've taken an initiative on optimizing the b...
WordPress custom page templates reads from subdirectory
I need guides please, as I am new to this. So I installed WordPress locally and managed to create my custom theme with just the basic theme content. Theme Directory: wp-content/themes/custom-theme/ In this directory I wish to create sub-directories (content/home, content/blog ...), and then I want my pages to read from this sub-directories, ect. Th...
How to write an if statement which reads: 'if is this custom post type or a child of it do the following'?
Basically, I would like to activate a CSS class only if the current page is a certain custom post type (e.g. ?bbp_forum=technology) or if the current page is a child of that custom post type. EDIT: The first custom post type is called 'bbp_forum.' Each 'bbp_forum' can have a 'bbp_topic' (which is another custom post type). Like it is described in t...
Replacement search plugin that reads widgets or catalogs entire page?
I remember seeing a search plugin that creates a database log of your pages it use for search. Does anyone know of the plugin? And would this be a good way to make the Widget Text searchable? If not is there a plugin to add widget text to the search?
What method should I use for a sidebar widget that reads latest posts?
At the moment, I'm building a website for a local NGO and I have the following situation: in the sidebar, I should have a widget that displays the title of the latest editorials from the members of the NGO. These editorials are published on external sites. So, my widget will look something like this: first row: Post title (The title of the editoria...

Also ask

We use cookies to deliver the best possible experience on our website. By continuing to use this site, accepting or closing this box, you consent to our use of cookies. To learn more, visit our privacy policy.