Page 1 of 11
Forum moderator: bigblog 
uCoz Community » For Webmasters » Design Customization » Images not moving to center
Images not moving to center
QueenMaa
Posts: 79
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
bigblog
*boops*
Posts: 1432
Reputation: 69

Message # 2 | 8:03 PM
QueenMaa, delete "float:left;" from the 160th line of the Style sheets (CSS) template.
hey i'm joe, please don't call me on my real name because you're gonna misspell or mispronounce it and it drives me nuts
QueenMaa
Posts: 79
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
bigblog
*boops*
Posts: 1432
Reputation: 69

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, please don't call me on my real name because you're gonna misspell or mispronounce it and it drives me nuts
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: 79
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: 79
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
bigblog
*boops*
Posts: 1432
Reputation: 69

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, please don't call me on my real name because you're gonna misspell or mispronounce it and it drives me nuts
QueenMaa
Posts: 79
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 11
Search: