- This topic has 5 replies, 4 voices, and was last updated 8 years, 1 month ago by Sebastian.
Author | Posts |
---|---|
Sebastian
April 19, 2016 at 5:05 pm
|
We recently released a tutorial on the basics of HTML, CSS and Responsive design. This will be a work in progress. Please tell us how we can improve the tutorial by leaving comments on this thread. You can also request support here if it directly relates to the responsive tutorial. Thanks a lot! |
dhrose
April 29, 2016 at 12:43 pm
|
I’ve been going through the tutorial and although I’ve been customizing themes and frameworks for a number of years it’s still good refresher knowledge. I purchased microthemer awhile back and haven’t used it that much as I have way too many themes/frameworks to mess around with. But one question I had after running through the tutorials is: When you name a selector in microthemer is that overwriting an existing style? Or is it creating a new one… I’ve always used the “inspect” method and a child theme to write styles etc. But I’m a little confused about what microthemer actually does. Thanks! Do a more advanced tutorial which shows redoing a standard theme with microthemer… that would be useful for someone like me. Cheers! |
AJFrane
April 29, 2016 at 3:12 pm
|
This is perfect for me. I have muddled my way through this for too long, and made our site look pretty much exactly how we wanted it… but it’s involved a lot of trial and error. I understand rudimentary HTML, but virtually nothing of CSS. Just what I’ve been looking for! Thanks! |
Sebastian
April 29, 2016 at 3:42 pm
|
@AJFrane – thank you for the kind feedback! “When you name a selector in microthemer is that overwriting an existing style? Or is it creating a new one…” At the exact point of naming a new selector and clicking the CREATE SELECTOR button, Microthemer just creates an empty selector. So technically no styles have been overridden. But when you apply your first style to a new selector e.g. setting font-size to 20px, Microthemer updates its stylesheet (/wp-content/micro-themes/active-styles.css) with both the selector and the new style:
So you are creating a new selector and style in active-styles.css. This doesn’t delete any other styles in your theme or 3rd party plugins, but it may override other styles in terms of CSS specificity. Microthemer overrides CSS styles in a non-destructive way thanks to the rules of CSS specificity, which is also discussed in the tutorial: https://themeover.com/responsive-media-queries/#specificity I hope that helps answer your question. And thank your for the additional tutorial suggestion. Cheers, |
vm0572
August 31, 2016 at 6:24 pm
|
Hello Sebastian, |
Sebastian
September 1, 2016 at 10:32 am
|
Hey, Try setting the background-size option to contain. Which is an option to the right of the background image field. Cheers, |