CSS paragraphic issue

  • Hi there,

    I’m fairly new to wordpress so I’m pretty stumped at the issue. I’ve been making slow changes to the website and customizing a theme and all has been going well. I’ve not logged into the website in a few days, and have found that there is something odd with the paragraph spacing. There’s simply no space between paragraphs. I’m unsure how this has happened, as I am positive I’ve not altered any code recently, and last time I checked it was fine.

    Regardless, I checked over the CSS and the p{ section is there, and I added 18px space just for laughs. Sure enough, it loads up with the huge space between 2 paragraphs, but then that space disappears.

    I’ve inspected the element using Chrome, and it appears there’s a CSS reset or something (which I’m not too familiar with) that’s causing the issue with the margins / padding. If you right click any paragraphic -> inspect. You’ll see that Style.css line 150 has a huge amount of code. I’ve checked, and the CSS is NOT in the style.css for the theme I’m using. it’s actually referencing 2 other style sheets (global css and structure.css) but neither of those 2 contain it. It seems to be referencing another website or something for the css. 

    /**
    * Eric Meyer's Reset CSS v2.0 (https://meyerweb.com/eric/tools/css/reset/)
    * https://cssreset.com
    */

    Anyone have any idea what the heck the issue is here, I’m pretty stumped. Website redgamingtech.com Theme is modified Idris

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Where are you making your CSS changes?
    You shouldn’t be modifying the theme’s files as your modifications will be erased when your theme updates & CSS debugging becomes a whole lot harder.

    Can you link the webpage where the issue occurs instead?

    Thread Starter CrimsonRayne

    (@crimsonrayne)

    Hi there, thanks for the reply!

    I’m just raw changing the CSS files, I’ve little intention to updating the theme. This is just a basic theme to ‘get me out of trouble’ while I sort out some other stuff, and then move to a faster server and then I’ll re-design the site from the ground up.

    Is an example, as you can see – there’s no paragraph breaks.

    https://www.redgamingtech.com/ps3-firmware-update-4-45-sony-have-solved-the-issue-will-re-release-the-patch/

    Looks like the theme “reset” the CSS to remove paragraph margins. So set up custom CSS and add a margin back:

    p {
  margin: 10px 0;
}

    Thread Starter CrimsonRayne

    (@crimsonrayne)

    Hi there WPyogi,

    I’d checked and the code was there – although to be sure I added it again to both style sheets which are referenced (pointless, but wanted to make sure there wasn’t a bug in it or whatever), No dice.

    So, decided to try out something a little more “nasty” and added the code:
    `<style>
    p {
    margin: 10px 0;
    }
    </style>`

    In the header.php of the theme (Idris) and there’s spacing. It’s not a pretty or elegant solution obviously, and I do wonder why the hell the trouble has suddenly popped up. I’d not updated any theme or WP files so I’m unsure why it’s suddenly deciding to act funny.

    Hmmmm…..

    If it suddenly occurred, perhaps you have a CSS error – did you try validating ?

    https://jigsaw.w3.org/css-validator/

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS paragraphic issue’ is closed to new replies.