Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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

    #407608

    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

    #407869

    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 ago by Rikard.
    #407887

    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

    #407895

    Hi Erwin!

    Try targeting the widget title element:

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

    Best regards,
    Josue

    #407926

    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 ago by Erwin.
    #408233

    Hi!

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

    Cheers!
    Josue

    #408263

    Hi,

    You an see it here.

    Regards,

    Erwin

    #408309

    I see, try with this:

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

    Regards,
    Josue

    #408374

    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

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