Jump to content

E-fiction skin help


Recommended Posts


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 :)



Link to comment
Share on other sites


    margin-right: auto;
    margin-left: auto;


<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>
Link to comment
Share on other sites

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 -->
<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 class="leftblock">
        <div class="lefttitle"><div class="lefttitle2">{random_title}</div></div>
        <div class="content">{random_content}</div>
    <div id="banner"></div>

<div id="skincontainer"><div id="skincontainerB"><div id="skincontainerC">{menu_content}{skinchange_content}{rss}</div></div></div>
<div id="mainpage">
<!-- END BLOCK : header -->
Link to comment
Share on other sites

This thread is more than a year old.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.