Undo header size changes

  • Resolved fabrixx2

    (@fabrixx2)


    10 years ago

    Hi, I’m not a CSS expert and I was changing my theme with wordpress editor. I modified the style.css:

    .site-header {
	background: #fff url(images/lines-vertical.png);
	background-size: 3px 1px;
	box-shadow: 0 0 10px #222;
	margin: 0 auto;
	max-width: 1140px;
	padding: 40px;

    max-width: 1140px;——-> max-width: 940px;

    After my header has narrowed, and i tryed immediately to revert to the original but it’s still restricted.
    I also checked out the original file of the theme and copied that part of the text but not back more as before.

    How can I do?

Viewing 6 replies - 1 through 6 (of 6 total)
  • rabsaque

    (@rabsaque)

    10 years ago

    Looks like a cache issue “Cache is the worst enemy of any web developer”

    Try delete the cache of your browser more times that im willing to admit y make a change and it seems not working and it was because the cache.

    Thread Starter fabrixx2

    (@fabrixx2)

    10 years ago

    Thanks for the reply, I also tried previously to empty the cache. I also tried changing the browser but nothing.
    I am going crazy.

    rabsaque

    (@rabsaque)

    10 years ago

    Well i notice this let me know is this a exact copy of what you have y your css?
    because if so.

    .site-header {
    background: #fff url(images/lines-vertical.png);
    background-size: 3px 1px;
    box-shadow: 0 0 10px #222;
    margin: 0 auto;
    max-width: 1140px;
    padding: 40px;

    Where is the closing key? ——-> } <———-

    your code should look like this

    .site-header {
    background: #fff url(images/lines-vertical.png);
    background-size: 3px 1px;
    box-shadow: 0 0 10px #222;
    margin: 0 auto;
    max-width: 1140px;
    padding: 40px;
    }

    Thread Starter fabrixx2

    (@fabrixx2)

    10 years ago

    Closing key is ok.

    I noticed something strange: if I open the page with the Firefox CSS analysis tools i see header size value always 940px. I tried then with Chrome and it is the same 940px. It ‘s like WordPress does not pass the new information to the site….

    rabsaque

    (@rabsaque)

    10 years ago

    Try add !important on your css params this will force the browser to do it

    .site-header {
    background: #fff url(images/lines-vertical.png);
    background-size: 3px 1px;
    box-shadow: 0 0 10px #222;
    margin: 0 auto;
    max-width: 1140px !important; <—————like this
    padding: 40px;
    }

    Thread Starter fabrixx2

    (@fabrixx2)

    10 years ago

    !important have no effects

    After hours and hours of frustration i finally found the cause of the problem.
    The problem was given by my cloudfire service (web caching):
    https://www.cloudflare.com/

    I remembered it and it was enough to make a cache refresh and the site is updated.

    Practically from the outside it was connected to the file in the cloudflare cache.
    I have always had strong doubts about this service (provided me with Railgun from my hosting service) and yet I did not understand exactly how functions but I read that updates the cache every 4 hours (it was more or less the time of my anger).

    Place an image of fix button to help others in my situation:
    https://goo.gl/nz1vMR

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Undo header size changes’ is closed to new replies.