Joomla Templates Club 406,261 posts

[monalh Friend monalhJoin date: March 2012Posts: 68Downloads:23Uploads:21 Thanks: 17 Thanked: 1 times in 1 posts]

#181141

Hi!
Hope someone could explain this to me.. I want to place a module to the right of my logo. See the attached photo. I want the opportunity to write different things here, or insert images when needed. The Logo is 70px high, and this module could be 70-80 px high, and aligned either to the right (600 px width) or the whole width of the site (1000px). As far as I can see using ?tp=1 the logo is placed inside top.header together with menu and search. What do I need to do to create a new module-position here?

This is how the layout-setting looks like
<?xml version=”1.0″ encoding=”utf-8″?>
<layout name=”desktop”>
<!–Extra css load for this layout–>
<stylesheets>
</stylesheets>
<blocks name=”top” style=”xhtml”>
<block name=”absolute” type=”modules” style=”raw”>absolute</block>
<block name=”top-panel” type=”modules” style=”raw” main-inner=”1″>top-panel</block>
<block name=”mainnav” type=”mainnav” main-inner=”1″></block>
<block name=”header” type=”header” main-inner=”1″></block>
<block name=”topsl” type=”spotlight” main-inner=”1″>user1,user2,user3,user4,user5</block>
</blocks>
<blocks name=”middle” colwidth=”45″>
<block name=”inset1″ width=”20″>left</block>
<block name=”content-mass-top”>slideshow</block>
<block name=”right1″>right</block>
</blocks>
<blocks name=”bottom” style=”xhtml”>
<block name=”below” type=”spotlight” main-inner=”1″>below1,below2,below3</block>
<block name=”footer” type=”footer”></block>
</blocks>
<blocks name=”bottom” style=”xhtml”>
<block name=”navhelper” type=”navhelper” main-inner=”1″></block>
<block name=”botsl” type=”spotlight” main-inner=”1″ >user6,user7,user8,user9,user10</block>
<block name=”footer” type=”footer”></block>
</blocks>
</layout>

---

Attachments:

1. 

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#468959

Hi monalh,

For this Ja puresite template, the navigation is placed beside the logo, Do you want to replace the navigation by a module position ? Can you share with me here your url, there also already are a module position name social in header area you can try to assign your modules to that position.

[monalh Friend monalhJoin date: March 2012Posts: 68Downloads:23Uploads:21 Thanks: 17 Thanked: 1 times in 1 posts]

#469006

Hi!
Sorry, I forgot to attach the url… http://www.wayosi.no.
I did look for social however I did not find such a position when I try to assign my module to positions.

[monalh Friend monalhJoin date: March 2012Posts: 68Downloads:23Uploads:21 Thanks: 17 Thanked: 1 times in 1 posts]

#469034

Actually, on further look I found social. I just wrote it with text under the “choose position” backend. But it then appears underneath the menu. I might have done some changes earlier who put the logo above the header..

---

Attachments:

1. 

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#469102

Hi monalh,

You could try as following
Open the templates/your_template/css/template.css file and adding this css rule

#ja-top > div#ja-social {
position: relative;
top: -70px;
}

here you would need to adjust value of the top attribute to get the module display right at the position you wanted.

[monalh Friend monalhJoin date: March 2012Posts: 68Downloads:23Uploads:21 Thanks: 17 Thanked: 1 times in 1 posts]

#469144

Hi!
Thank you, that code seemed to do the job! However, a large blank area between menu and slideshow appeared. I have tried to figure it out using Firebug, but can’t seem to find the right code to decrease the distance. When I unpublish the module, everything is back to normal.. Any suggestions?

---

Attachments:

1. 

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#469187

Hi monalh,

You could try with this css rule
#ja-top > div#ja-social {
position: absolute;
top: 20px;
}

if it does not help you can pm me your admin account for further checking

1 user says Thank You to Sherlock for this useful post

1. monalh

[Author]

Posts