-
AuthorPosts
-
March 7, 2015 at 6:57 pm #407530
Hi,
Bin struggling all along with this site and css. At first the layout was different on firefox, so I’ve added some code to quick css, which did the trick. I’m using a childtheme and edit the css in style.css normally. Trying to fix the firefox problem, I’ve added a custom.css file with the same code as in style.css, no results. Read about this on this forum.
So now it’s bin fixed, I thought to remove the custom.css. To do this I’ve first copied all the code and saved custom.css empty. Checked the site and it was messed up. So put the code back in. saved it again, but still messed up.Another strange thing, trying to give a text widget an background-color. For a couple of text widgets that’s no problem, but for another one it is. Putting the code in quick css instead of style.css and it does work. Still can’t give it a top margin, not in style.css and in quick css.
The custom.css and the style.css are both not loaded in the header,
I’m getting a bit frustrated with this. Thinking of starting all over again. You can see the site here
Hope that someone does have a suggestion how to fix this strange css problems.
Regards,
Erwin
March 8, 2015 at 1:12 am #407608Found it!!
Off course a stupid mistake of my self!!!
Just placed a ] instead of a }
This solves most of my mentioned problems. Still having trouble with the last case I’d mentioned above.
On my site you can see in the sidebar that there is 20px to much space between the purple and the first green block. At the bottom of the sidebar there has to be the same 20px between the last green and the white block.
Bin trying a lot of id’s and classes, but it won’t work so far.
Does someone knows how to fix this?
Regards,
Erwin
March 9, 2015 at 5:36 am #407869Hi!
Please try this in your Quick CSS:
#newsbox-5 { padding: 5px 0 30px 0 !important; }
Best regards,
Rikard- This reply was modified 9 years, 9 months ago by Rikard.
March 9, 2015 at 8:46 am #407887Hi Rikard,
Thanks for your reply!
I saw in my email notice that you first changed .widget, later you’ve changed that to #newsbox-5. Using them both gives me almost the solution. The .widget for the box al the way below. By giving it an padding 1px, it goed down for 20px. I don’t know how, but that works. But I don’t want it to be 20px, but just 2 or 3 px less. Any ideas?
We’re almost there.
Regards,
Erwin
March 9, 2015 at 9:22 am #407895Hi Erwin!
Try targeting the widget title element:
.newsbox .news-headline { padding: 5px; }
Best regards,
JosueMarch 9, 2015 at 9:49 am #407926Hi Josue,
Tried that, but it only resets my padding around the title. I want to edit the margin/padding between the newsbox and the textwidget. Tried to make it clear with an image. Distance A is smaller than B, A is right.
- This reply was modified 9 years, 9 months ago by Erwin.
March 9, 2015 at 4:40 pm #408233Hi!
The image you posted is not visible for us, can you please upload it to Dropbox/Imgur?
Cheers!
JosueMarch 9, 2015 at 5:09 pm #408263March 9, 2015 at 6:09 pm #408309I see, try with this:
#top .news-content { padding-top: 0px !important; }
Regards,
JosueMarch 9, 2015 at 7:22 pm #408374I’ve tried, but that code just edits the padding between yhe green blocks. I’m looking for the padding beneath the last child.
But your code set me in the right direction. I’ve changed padding in margin-bottom, gave it an negative margin and appended it to last-child. Now it’s how I want it.
Thanks!
Regards,
Erwin
-
AuthorPosts
- The topic ‘css won't load’ is closed to new replies.