Joomla Templates Club 406,261 posts

[takeflight Friend takeflightJoin date: March 2013Posts: 11Downloads:0Uploads:5 Thanks: 8]

#185519

I have worked on troubleshooting these areas for days now by using the forum. I have finally decided to reach out for help

I have attached an image that will best explain what I am trying to accomplish. 3 things really:

1)

• position the Highlight Module where User4 is
• or change the code for user4 to disaplay something similar. (want the black background and the same badge-hot hilite as the highlight module)

2)

• Lessen the space between the menu and the slider image below it. (too much white space)

3)

• IE properly has the logo and the menu in aline. However, Firefox and Chrome does not. I have followed other forum suggestions to no avail.

Thanks in advance for any help or suggestions you may have

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#485418

Hi takeflight,

I already acknowledged your concerns. Here is my guide:
1. The User4 position is where you publish Location module.
2. On your server, open /home/gatsby/public_html/templates/ja_puresite/css/layout.css. Replace

.wrap {
clear: both;
width: 100%;
}

with


.wrap {
clear: both;
width: 100%;
margin-top: -50px; // You desired style
}

3. Open /home/gatsby/public_html/templates/ja_puresite/css/template.css. At line 1797, replace:


h1.logo a {
background: none;
display: block;
width: 350px;
height: 50px;
}


with


h1.logo a {
background: none;
display: block;
width: 280px; // changed property here
height: 50px;
}


Then Save. Clean T3 Cache.

Regards,
—
Leo

1 user says Thank You to phong nam for this useful post

1. takeflight

[takeflight Friend takeflightJoin date: March 2013Posts: 11Downloads:0Uploads:5 Thanks: 8]

#485449

i apologize but somehow I have duplicated this thread. :-[ I would delete this particular one if I knew how. Im afraid to fool around too much … then risk someone thinking that the matter has been addressed. I have a deadline and I can not risk taking that chance.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#485481

Hi takeflight,
Lets try on my guide above & inform me your result.

Regards,
—
Leo

[takeflight Friend takeflightJoin date: March 2013Posts: 11Downloads:0Uploads:5 Thanks: 8]

#486548

Thanks Leo!~

Your solution for #3 worked perfectly. Again, thank you.

As for issue #1 and #2, not so much. However I am no longer concerned with the spacing concern YET I still need to figure out how I might be able to make position “user 4” have a black background. I understand that modules need to be assigned and enabled to positions. My issue is “how to style” user 4 to look like the “highlighted’ example I showed in my screenshot.

Hope I explained that ok.

Thanks for you assistance.
Deanna

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#486553

Hi takeflight,

For user 4 with highlight module, you just need to change position of Hours of Operation – Highlight module to User 4 (I did it).
Now you need to customize little bit css styles to make it look like your snapshot. On your server, open templates/ja_puresite/css/template.css. Then replace:

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right {
background: 0;
}


with

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right {
background: #1a1a1a;
height: 180px;
}

Then Clean T3 Cache. You can see my snapshot where I have used Chrome Developer Tools.

Regards,
—
Leo

---

Attachments:

1. 

[takeflight Friend takeflightJoin date: March 2013Posts: 11Downloads:0Uploads:5 Thanks: 8]

#486555

Maybe this screenshot along with the previous one will help explain

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#486618

Hi takeflight,

As I mentioned in #6 reply, you need to apply css changes as suggested above. After applying changes, you site will have the hight module at user-4 position like my snapshot.

* I already checked out your site, You still didn’t apply css changes on your site.

Regards,
—
Leo

1 user says Thank You to phong nam for this useful post

1. takeflight

[takeflight Friend takeflightJoin date: March 2013Posts: 11Downloads:0Uploads:5 Thanks: 8]

#486940

Thank you so much for your help. I’m not sure why I was having so much trouble using firebug to find that code. As soon as I read your post suggesting Chrome Dev. Tools, I found it without any problem. Took no longer than a few seconds.

Maybe it was a simple overlook on my part. However, if so I overlooked it for hours on end. :-[

Again, THANKS

[Author]

Posts