• Page 1 of 1
  • 1
Forum moderator: bigblog  
uCoz Community » For Webmasters » Design Customization » Images not moving to center
Images not moving to center
QueenMaa
Posts: 95
Reputation: 0

Message # 1 | 6:02 PM
When I click on the center button it does not move my images to the center. See this post here: http://moneytobemade.ucoz.com/blog....-13-159

See how my images are not in the center. What is causing this? When I click the center button they are still like this. What can I do to correct this. Also, the" is not working either.

http://moneytobemade.ucoz.com
joexyz
JOE-vascript
Posts: 1770
Reputation: 78

Message # 2 | 8:03 PM
QueenMaa, delete "float:left;" from the 160th line of the Style sheets (CSS) template.
hey i'm joe and i do not work for the company anymore, please contact other staff or tech support
icon by ch-chau

sometimes i lurk here
QueenMaa
Posts: 95
Reputation: 0

Message # 3 | 3:15 PM
Big Blog Do you mean to delete this .uMenuH li {float:left;padding:0 5px;}? This is on the 69th line and not the 160th. Plus, this is the only float:left that I see on the Css.

Added (2015-08-14, 3:15 PM)
---------------------------------------------

http://moneytobemade.ucoz.com
Post edited by QueenMaa - Friday, 2015-08-14, 4:11 PM
joexyz
JOE-vascript
Posts: 1770
Reputation: 78

Message # 4 | 11:42 AM
QueenMaa, the 160th line also has this code. Try to restore the template first: http://screencast.com/t/1P3cRqodSCZ
hey i'm joe and i do not work for the company anymore, please contact other staff or tech support
icon by ch-chau

sometimes i lurk here
Sunny
Posts: 9296
Reputation: 456

Message # 5 | 3:12 PM
QueenMaa, you are adding images and entries in the Visual Editor mode, right?
I'm not active on the forum anymore. Please contact other forum staff.
QueenMaa
Posts: 95
Reputation: 0

Message # 6 | 4:01 PM
Sunny Yes, it is the visual mode. When I write a blog post the buttons you see on top. I am using the center button but when I select the image to center it it doesn't move to the center. I don't understand because it works for the text but not the image.
http://moneytobemade.ucoz.com
Post edited by QueenMaa - Monday, 2015-08-17, 4:06 PM
Bluecube
Posts: 34
Reputation: 4

Message # 7 | 0:51 AM
Add code below to style sheet (http://moneytobemade.ucoz.com/panel/?a=tmpl;m=3;t=3)
*Add to top incase you wanna remove it

Code

.eMessage img {
       display: block!important;
       margin: auto!important;
}


Replace line 160 which looks like Code1 with Code2

Code1
Code
.eMessage img,.eText img {max-width:100%; height:auto!important;float:left;margin: 5px 20px 5px 0;border:none!important;}


Code2
Code
.eMessage img,.eText img {max-width:100%; height:auto!important;border:none!important;}
Post edited by Bluecube - Tuesday, 2015-08-18, 0:54 AM
QueenMaa
Posts: 95
Reputation: 0

Message # 8 | 5:01 AM
Big Blog and Blue Cube I did both of what you all told me to do but it's still not working. When I go to the blog and use the center feature it's not moving the images. In edit mode it moves it but when I click the publish button it's not moved. Also, the template has this at the top of it. Not only am I having problems centering my images now this is at the top of my template. You can see it http://moneytobemade.ucoz.com Can you all help me fix these problems?

'; advideo_iframe.onload = function(){ advideo_iframe.contentWindow.document.open('text/htmlreplace'); advideo_iframe.contentWindow.document.write(myContent); uPreroll.add_close_events(30); uPreroll.setCounter('ukit'); } } } }, adwideo: function(){ document.write(''); document.write(''); if(uPreroll.isUcoz()){ document.write(''); } else { document.write(''); } uPreroll.setCounter('adwideo'); document.addEventListener("DOMContentLoaded", function (event) { $('.uPreroll-holder').show(); uPreroll.setCloseCounter(30); }); uPreroll.setUranLink(); }, winwideo: function(){ document.write(''); document.write(''); if(uPreroll.isUcoz()){ document.write(''); } else { document.write(''); } uPreroll.setCounter('winwideo'); document.addEventListener("DOMContentLoaded", function (event) { $('.uPreroll-holder').show(); uPreroll.setCloseCounter(30); }); uPreroll.setUranLink(); }, default: function(){ document.addEventListener("DOMContentLoaded", function (event) { uPreroll.uwnd = new _uWnd('SMSPAYFORM', 'Отключить рекламу', -550, -400, { popup : 1, modal : 1, resize : 0, autosize : 0, align : 'justify', statical : 1 }, ' - See more at: http://moneytobemade.ucoz.com/#sthash.zbKrPPjS.dpuf

http://moneytobemade.ucoz.com
joexyz
JOE-vascript
Posts: 1770
Reputation: 78

Message # 9 | 3:26 PM
QueenMaa, it must work by deleting the "float: left;" property in the Stylesheet.

Quote QueenMaa ()
Also, the template has this at the top of it.

The problem has been fixed.

hey i'm joe and i do not work for the company anymore, please contact other staff or tech support
icon by ch-chau

sometimes i lurk here
QueenMaa
Posts: 95
Reputation: 0

Message # 10 | 4:15 PM
BigBlog I deleted "float: left; and it is now working. I had to clean my cache and once I did that I could see the images were centered. Thanks for your help!
http://moneytobemade.ucoz.com
Post edited by QueenMaa - Thursday, 2015-08-20, 4:32 PM
uCoz Community » For Webmasters » Design Customization » Images not moving to center
  • Page 1 of 1
  • 1
Search: