How can I have this centered for all device types?

How can I have this centered for all device types?
this doesnt work.

.thesigs.center {
display: block;
margin-left: auto;
margin0-right: auto;
}

  • Aicee Taguilaso
    • WordPress Warrior

    Hi there, Joe! :slight_smile:

    Hope you're doing well today!

    I'm not sure if you have just mistyped it. But the last one should be "margin-right".

    .thesigs.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    Also giving it a "width: 100%;" should do the trick too, just adjust the value as needed. :slight_smile:

    Let me know if this works!
    Thanks! :slight_smile:

    Regards,
    Aicee

  • Aicee Taguilaso
    • WordPress Warrior

    Hi Joe,

    Could you please remove or just comment out all instances of margin-left, left, right, margin-right of the following code in your CSS?

    html img.aligncenter {
    	margin-left: -7px;
    }
    
    html .module img {
    	margin-left: -8px;
    	left: 38px;
    	right: -5px;
    }
    
    html .aligncenter {
    	margin-left: 45px;
    	left: 20px;
    }
    
    .thesigs {
    	left: 350px !important;
    	right: -9px;
    }
    
    @media screen and (max-width: 480px) and (min-width: 0px){
    	html #body a {
    		margin-left: -200px;
    	}
    }
    
    html #body a {
    	margin-left: 2px;
    }
    
    @media screen and (max-width: 480px) and (min-width: 0px) {
    	.thesigs {
    		left: 215px;
    		margin-left: -2px;
    	}
    }
    
    @media screen and (max-width: 768px) and (min-width: 481px) {
    	.thesigs {
    		margin-right: 2px;
    		margin-left: -180px;
    		left: 182px;
    		right: -9px;
    	}
    }

    That's to make the code much cleaner.

    Then, please add this code:

    #text-462-0-0-1 p:last-child a {
    	display: block !important;
    	margin: 0 auto !important;
    }

    Let me know if you need further assistance on this.
    Thanks!

    Regards,
    Aicee

  • Aicee Taguilaso
    • WordPress Warrior

    Hi Joe,

    Yes, you can still use CSS hero for generating CSS on some other elements. However on this case, as you can see, there are too many margin-left and left that has been generated. One has '!important' on it, so we can't override that one unless we remove the '!important' on it.

    As you've said you just pasted the code into Simple CSS. Could you go to Simple Custom CSS and look for the codes mentioned above, and try commenting them out? :slight_smile: If you're not comfortable doing it, I'll be glad to do it for you. Just kindly grant support access. I'll make sure to create a backup of your CSS code first.

    Thanks! :slight_smile:

    Regards,
    Aicee

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.