Suzette Franck

Ohhhh thank you! I will follow it!

I found out the issue is known as twitter made some changes and that it is being worked on from a very reputable @getsource Thank you Shredder!

In general, it is better not to use !important unless absolutely necessary. ?? Congrats on getting it figured out! You are on your way to becoming a CSS guru!

True, it is better to never use !important, but it will work in a pinch for certain instances. In general, it is a bad practice and should be avoided.

Have you tried

content h1 {
font-size: 28px!important;
}
#content h2 {
font-size: 22px;
}
#content h3 {
font-size: 18px;
}

Something else in your styles is affecting the size, but you can override it with CSS !important; so long as there is not a more specific call to a class or ID.

You need to find a CSS selector that is unique to those pages. Depending on your theme, these are usually assigned automatically by WordPress, and are usually specified in the body tag. Look for a class that is similar to page-id-123 in your body tag and then you can target it by adding this to your CSS:

.page-id-123  {
     text-align: left;
}

*where 123 is the number of your page

Hope this helps, if not, please provide links so I can take a look.

The bottom of the stylesheet should be fine. If there are other rules for those particular selectors, they will be overwritten with the last set of rules, ie. the one you pasted at the bottom.

I can’t really test this, but I think it is the style that is set for the drop-down items is:

.main-navigation li:hover a {
     color: #DD1870;
}

this rule would apply to your drop down menu as well as the main navigation because it does not specify which li:hover a, so it applies to all of them, even the drop-down.

There are a lot of ways to override this, here is one:

.main-navigation .children li a {
     color: #444;
}

.main-navigation .children li:hover a {
     color: #DD1870;
}

This specifies to change the color of the li a of the class “children”, which is set in the
ul element of the drop-down. I hope this makes sense, let me know if I can clarify it for you or if it doesn’t work.

If you use the FireBug extension for FireFox or something similar, you can see that an ID was assigned to that particular menu item automatically, in this one it is assigned an ID of menu-item-104. If you write a rule like the following:

#menu-item-104 a:hover {
     background: #00FF00;
}

This will change the background for just that menu item on hover in CSS.

Jetpack also has a Custom CSS feature, I love it.

Not sure which tools you are using to install everything, but Desktop Server will install everything and install WordPress and has a blueprint feature. The dev is super helpful with any issues.

sounds like a bad theme. Add this to your wp-config.php and then you should be able to activate a new theme:

define( ‘WP_DEFAULT_THEME’, ‘twentytwelve’ );

What are the settings in your PHP.ini file?

Awesome, good to hear! Yeah, if you ever have problems or questions on Media Temple, you can always reach out to me at @mt_suzette on twitter. ?? Sorry I didn’t see the request earlier, but great to hear all is good, Mika rocks. ??

I do have the same issue since upgrading, I hope they fix it soon!