emilyTK
Forum Replies Created
-
Forum: Themes and Templates
In reply to: Enable Mobile View on TabletsCSS really has some mean edges to it. I remember how it was when I started with it and just didn’t understand why the hell an element wouldn’t move where I was saying it should move to. Gave me a couple headaches. And they were almost all about selector hierarchy.
Here, I want you to have something:
http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
This article is old, but not as old as my headaches; I had to figure it all out for myself. It is however not old enough for being absolutely right.It’s because you still have a padding on your
div#secondarythat says it should have 20px more padding to the right than to the left. 🙂
Also, your widgets need a set width formargin: 0 auto;to work.
These are your styles:#main .widget-area .widget { margin: 0 auto; } div#secondary { background: #C0C0C0; padding: 13px 20px 17px 0; }Make them look like this:
#main .widget-area .widget { margin: 0 auto; width: 80%; /* Choose any value you like */ } div#secondary { background: #C0C0C0; padding: 13px 0 17px 0; }I see. If you want to center anything inside those widgets, you could try putting:
aside *{ margin: 0 auto; }Works for me on your website in dev tools. Your widget’s content will be perfectly centered.
Make sure to disable any margins you had already applied to your elements.All you ever need for
margin: 0 auto;to work is a somehow defined width of the element.
The*simply means “anything”.Forum: Themes and Templates
In reply to: Enable Mobile View on TabletsHell yeah, that learning curve is steep alright. 😀
Here’s something that might be of interest:
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Mind the comments, too.As for your problem: Are you working directly inside the responsive.css or did you make your own stylesheet? (Remember, CSS usually serves whoever comes last, so almost any declaration can be overriden by whatever you put after it. Same goes for the order in which your stylesheets are included into the page.)
Also: For any changes, try using Chrome or Firefox dev tools first to make them, then see what happens.
Not sure I understand you right, but have you tried using CSS
margin? It works likepadding, but outside the element instead of inside it.Or if I misunderstood, you could explain it in German. I’ll manage. (:
Forum: Themes and Templates
In reply to: [help] website builder or template editor for wpIf you need to have animations and stuff, and if you need to do it by yourself: You probably learned all about Flash in school. There’s no shame in using that if you’re only just starting. Plus, there’s tons of plugins for WordPress that you can use to embed .swf on your website.
Hey look, as far as I can tell, a graduated architect should be equipped with the skill to plan a concept for their own website. I know it might all be very overwhelming for you at this point, but just take one step at a time and you’ll be coming up with the perfect showcase.
Forum: Themes and Templates
In reply to: Enable Mobile View on TabletsHey Chrystal,
the responsiveness of your site stems from CSS media queries. These queries look like so:
@media screen and (max-width: 980px) { }Media queries are like switches, and they handle style declaration for different browser widths. In the very case of the media query I posted above, it holds any styles for browser windows that are up to 980px wide. As far as I know, a Kindle’s resolution is 600x800px (except for DX and Paperwhite).
You can look up different device resolutions on Google. Mind you, there are an awful lot of them.Your media queries are located in your
wp-content/themes/responsive/core/css/responsive.cssTry overriding them as you see fit.
Forum: Themes and Templates
In reply to: Re: Featured image size too largeOHAI, you can set a maximum width on your image, like so:
.img-responsive > img{ max-width:600px !important; }Choose any width you see fit.
Forum: Themes and Templates
In reply to: [help] website builder or template editor for wpEverything you need to know about customisation has already been answered:
http://codex.wordpress.org/Site_Design_and_LayoutI am actually a freshly graduated developer and I need the money anyway.
Try brute force on the slider:
.slider-shadow{ height:0 !important; }Forum: Themes and Templates
In reply to: Link ColorI guess people usually come to the forums to find help. And the moderators have their hands all full already. I saw your question only by coincedence. But I’m sure glad I could be of help.
Forum: Themes and Templates
In reply to: Link ColorExactly, well figured!
If you work in Chrome or Firefox, what you need to do is right click on the element you want to change, and choose “inspect element” in the right click menu, so that you can find out the right CSS selector for that element.
In the CSS in your editor, put that selector before curly brackets, and edit away!
🙂Forum: Themes and Templates
In reply to: Stop page jumpHello Renate,
it happens to your site in the very moment you are clicking on a picture, because the gallery makes the entire page shrink in height. You should contact JetPack directly on this:
http://jetpack.me/support/tiled-galleries/Forum: Themes and Templates
In reply to: Link ColorExactly the way you changed the colour of the other elements. Only this time, you are changing the background colour instead of the text colour.
#main-menu > li:hover > a, #main-menu > li.current-menu-item > a{ background:red; }This code says: Find the elements, and apply a red background to them.
You’ll need the CSS3 :nth-child selector, and you can use it like so:
div#secondary aside:nth-child(odd){ background:grey; }This is getting you started on your first background option.
See this link on how to use the selector, so you can fiddle around with backgrounds:
http://css-tricks.com/how-nth-child-works/