Sally Posted September 22, 2016 Share Posted September 22, 2016 Hi, I hope I am in the right place for some help. If not, I apologize I have just installed e-fiction on my website and I am having a little issue with some of the codes and where I need to go to modify things. This is a screenshot of the page and what I am trying to modify. What I want to do is make the banner CENTERED. This I thought was easy but whatever I do, it doesn't seem to work. I must be looking in the wrong place. Secondly, I want to move the menu bar - HOME - MEMBERS - SEARCH etc underneath the banner and that too to be centered. I am going to upload the files to Sendspace ( http://www.sendspace.com/file/mi0i6e), as the zip is too big to upload here and I am unsure which files need to be modified (that is where I am stuck) Thank you SO much, and I hope someone can help me. I am trying to learn all of this and it's all so confusing Quote Link to comment Share on other sites More sharing options...
QuickOldCar Posted September 22, 2016 Share Posted September 22, 2016 css .centeredImage { text-align:center; margin-top:0px; margin-bottom:0px; margin-right: auto; margin-left: auto; padding:0px; } html <p class="centeredImage"><a href="http://site.com"><img src="http://site.com/images/default.png" alt="Logo" style="max-width:98%;max-height:90px;"/></a> </p> Quote Link to comment Share on other sites More sharing options...
Sally Posted September 23, 2016 Author Share Posted September 23, 2016 (edited) Thank you, but I am not sure where I go to edit those :/ That is my problem. I don't know which file to mofify and what to take out and replace to fix these problems. Edited September 23, 2016 by Sally Quote Link to comment Share on other sites More sharing options...
QuickOldCar Posted September 24, 2016 Share Posted September 24, 2016 In your style.css are these rules #sitename { font-size: 60px; color: #7272DE; padding: 20px; text-align: center;} #banner { margin-left: 210px; background: #000; text-align: right;} Yet when viewing the header.tpl file I do not see these rules applied <!-- START BLOCK : header --> <body> <div id="{page_id}"> <div id="leftcontainer"> <div id="maincontainer"> <div id="leftcolumn"> <div class="leftblock"> <div class="lefttitle"><div class="lefttitle2">{menu2_title}</div></div> <div class="blockbox">{menu2_content}</div> </div> <div class="leftblock"> <div class="lefttitle"><div class="lefttitle2">{random_title}</div></div> <div class="content">{random_content}</div> </div> {login_title}{login_content} </div> <div id="banner"></div> <div id="skincontainer"><div id="skincontainerB"><div id="skincontainerC">{menu_content}{skinchange_content}{rss}</div></div></div> </div> <div id="mainpage"> <!-- END BLOCK : header --> Quote Link to comment Share on other sites More sharing options...
Sally Posted September 25, 2016 Author Share Posted September 25, 2016 Right. That is where I am so confused. I attached the files, is there any way you could maybe upload the changes I need to them for me? I know that is so cheeky but I am literally so confused by this. It's not helping my newbie brain lol Quote Link to comment Share on other sites More sharing options...
cyberRobot Posted September 27, 2016 Share Posted September 27, 2016 Are you familiar with the basics of CSS? If not more information can be found here: http://www.cssbasics.com/ If you prefer learning from a book, Eric Meyer has some good books. You could start here: http://www.ericmeyeroncss.com/ Quote Link to comment Share on other sites More sharing options...
Sally Posted September 27, 2016 Author Share Posted September 27, 2016 I have only been learning it for a few weeks, so it's taking me some time. I just know from other people that this code wasn't written very well. That's why I was asking for help. No worries. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.