To insert code use <code>...</code>.
Changing position of 'top_area' div - Custom CSS being overwritten
  • Vote Up0Vote Down existenceexistence
    Hello,
    I've added HTML code the Header Widget Area. Now, I'm trying to move the the HTML text using the Custom CSS under General Options. However, while I can move it left and right, I can't move it up and down. Below is the CSS I'm using:


    #top_area { 
         position: absolute; 
         left: 300px;
         top: 100px; 
    }


    However, this only affects left and right movement. Top and bottom is not affected. Chrome Web Inspector shows two declarations for top_area:

    1. My custom CSS, as shown above, but with a line through 'top: 100px' to show it's not being applied.
    2. 

    #top_area {
    right: -15px;
    top: 27px;
    }


    This happens no matter what I change my custom CSS to. I even manually edited striking/cache/skin.css and commented out the 'bad' CSS, but when the page reloads, that CSS is still there.

    If you need login credentials, let me know.
  • 3 Comments sorted by
  • Vote Up0Vote Down BackuPsBackuPs
    Hi,

    you can add the !important statement to any code you want to force into the css code.

    Best regards,
    Striking Team
    Paul
  • Vote Up0Vote Down existenceexistence
    Arrghhhh! How could I have missed that? Of course it worked.

  • Vote Up0Vote Down BackuPsBackuPs
    I dont know..... how you missed that. :-) :))

    Anyway i am glad you solved the problem.

    Best regards,
    Striking Team
    Paul
This discussion has been closed.
All Discussions