Jump to content

Centering Home Logo


Lilwystynyra

Recommended Posts

As you can see is done....

 

post-34974-0-91622100-1339721442_thumb.png

 

In back office at Preferences > Performance:

  • turn on Force compile and turn off cache.
  • in the next form keep everything as original (second option).

Now you can open your css file and and find this code:

.editorial_block img {
display: block;
   vertical-align: middle;
}

 

and add this code:


margin: 0 auto;

 

Now should look like this:

.editorial_block img {
display: block;
margin: 0 auto;
vertical-align: middle;
}

Link to comment
Share on other sites

Well, the centering worked, however now I have some dummy code showing up.

javascript:document.forms['EditForm'].state.value='browse';document.forms['EditForm'].state2.value='main';document.forms['EditForm'].submit();

 

Shows up on front page below the image.

 

Edit: Text is coming from Editorial.tpl but I'm not sure why it's becoming visible text instead of coding. Haven't changed that section at all.

Edited by Lilwystynyra (see edit history)
Link to comment
Share on other sites

That code is because when you edit your editorial.tpl file you must done some mistake and you must erase something like this

 

<script type="text/javascript">
this tags  must be before and after javasript code...
</script>

 

Or instead you paste by mystake the javacript code in that tpl file from home text editor.

 

In my home text editor the editorial.tpl file don't have any javacript ;)

<!-- Module Editorial -->
<div id="editorial_block_center" class="editorial_block">
{if $editorial->body_home_logo_link}<a href="{$editorial->body_home_logo_link|escape:'htmlall':'UTF-8'}" title="{$editorial->body_title|escape:'htmlall':'UTF-8'|stripslashes}">{/if}
{if $homepage_logo}<img src="{$link->getMediaLink($image_path)}" alt="{$editorial->body_title|escape:'htmlall':'UTF-8'|stripslashes}" {if $image_width}width="{$image_width}"{/if} {if $image_height}height="{$image_height}" {/if}/>{/if}
{if $editorial->body_home_logo_link}</a>{/if}
{if $editorial->body_logo_subheading}<p id="editorial_image_legend">{$editorial->body_logo_subheading|stripslashes}</p>{/if}
{if $editorial->body_title}<h1>{$editorial->body_title|stripslashes}</h1>{/if}
{if $editorial->body_subheading}<h2>{$editorial->body_subheading|stripslashes}</h2>{/if}
{if $editorial->body_paragraph}<div class="rte">{$editorial->body_paragraph|stripslashes}</div>{/if}
</div>
<!-- /Module Editorial -->

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...