Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 7, 2015 at 6:57 pm #407530
    Erwin

    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 #407608
    Erwin

    Found 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 #407869
    Rikard

    Hi!

    Please try this in your Quick CSS:

    #newsbox-5 {
padding: 5px 0 30px 0 !important;
}

    Best regards,
    Rikard

    • This reply was modified 9 years, 8 months ago by Rikard.
    March 9, 2015 at 8:46 am #407887
    Erwin

    Hi 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 #407895
    Josue

    Hi Erwin!

    Try targeting the widget title element:

    .newsbox .news-headline {
    padding: 5px;
}

    Best regards,
    Josue

    March 9, 2015 at 9:49 am #407926
    Erwin

    Hi 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.

    newsbox

    • This reply was modified 9 years, 8 months ago by Erwin.
    March 9, 2015 at 4:40 pm #408233
    Josue

    Hi!

    The image you posted is not visible for us, can you please upload it to Dropbox/Imgur?

    Cheers!
    Josue

    March 9, 2015 at 5:09 pm #408263
    Erwin

    Hi,

    You an see it here.

    Regards,

    Erwin

    March 9, 2015 at 6:09 pm #408309
    Josue

    I see, try with this:

    #top .news-content {
    padding-top: 0px !important;
}

    Regards,
    Josue

    March 9, 2015 at 7:22 pm #408374
    Erwin

    I’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

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘css won't load’ is closed to new replies.