Undo header size changes

  • Resolved fabrixx2

    (@fabrixx2)


    8 years, 9 months 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)

  • 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)

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

    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)

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

    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)

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