Jump to content

E-fiction skin help


Sally
 Share

Recommended Posts

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. 

 

Q5DQ2ar.png

 

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

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>
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 -->
<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 -->
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.

Guest
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.

 Share

×
×
  • 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.