Twenty Twelve CSS Issues

  • Resolved DylanR

    (@dylanr)


    10 years, 2 months ago

    Hi all,

    I have been making some changes to the style.css of Twenty Twelve, but none of my changes are being reflected.

    This is literally ripping a whole in my mind like I’m trying to divide by zero, but there is a border I’m trying to remove

    Using Google Chrome’s element inspector, i found that the border is coming from line 956 in the style.css.

    I went in and changed the code, no problem. Went back to element inspector, and it’s showing me the code prior to my changes.

    So I figured I’d been logged out of the admin panel and my changes weren’t saved, but I’m still logged in. When I go to the style.css, I see my changes, but the website is apparently using some code that literally does not exist on my website

    Sorry if I’m not making this clear, I just do not understand this at all

    tl;dr: Front end is using a style.css that apparently doesn’t exist in the back end. Please help

    Thanks in advance for any help you can give me

Viewing 5 replies - 1 through 5 (of 5 total)
  • esmi

    (@esmi)

    10 years, 2 months ago

    Do not edit the theme itself. First create a child theme for your changes. Or install a custom CSS plugin.

    Thread Starter DylanR

    (@dylanr)

    10 years, 2 months ago

    Will this resolve the issue?

    Or is this just to have something to revert back to in the event that everything goes horribly awry?

    I’ve taken a couple of back ups of the theme if it’s the latter 🙂

    esmi

    (@esmi)

    10 years, 2 months ago

    Will this resolve the issue?

    Yes but it will also remove all changes you have made. You simply shouldn’t be editing the theme at all.

    Michael

    (@alchymyth)

    10 years, 2 months ago

    been making some changes to the style.css

    what changes exactly?
    do you clear the browser cache after the changes?
    are you using any caching plugin?

    can you post a link to your site?

    creating a child theme or using a custom css plugin will not resolve the issue by itself, but it will make it much easier to see if the changes get applied, and to keep track of what got changed.

    Thread Starter DylanR

    (@dylanr)

    10 years, 2 months ago

    Hi guys,

    The exact changes were as follows

    Original:

    .site-content article {
	border-bottom: 4px double #ededed;
	margin-bottom: 72px;
	margin-bottom: 5.142857143rem;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

    Edited:

    .site-content article {
	border-bottom: none;
	margin-bottom: 72px;
	margin-bottom: 5.142857143rem;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

    That was the extent of my changes

    I had been clearing the cache and trying on different computers as well as Google Chrome’s incognito mode all to no avail

    On the advice of a friend I went through the process of deactivating my plugins one by one, and it turned out that, interestingly, this was to do with the launchpad plugin I was using called ‘Launchpad by Obox’

    Still not at all sure why this is happening, but at least I’ve found a solution.

    Thanks for your responses and assistance!

    If anyone finds this in hope of a solution: deactivate your plugins and see if you can locate the problem

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