Joomla Templates Club 406,261 posts

[Ronnie Baroud Friend Ronnie BaroudJoin date: September 2014Posts: 15Downloads:0Uploads:4 Thanks: 2]

#168044

Hi,

How can you insert hyperlinks, or anything else to the right of my logo as indicated in the right rectangular box in the attached pic? Thank you.

http://www.brunchrestocafe.com

---

Attachments:

1. 

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#409942

Have you tried publishing a custom html module in the search position?

[Ronnie Baroud Friend Ronnie BaroudJoin date: September 2014Posts: 15Downloads:0Uploads:4 Thanks: 2]

#409976

<em>@phill luckhurst 264341 wrote:</em><blockquote>Have you tried publishing a custom html module in the search position?</blockquote>

I just did, however, it did not work. Is there specific HTML code I need to use or any modifications to the css template file that I need to make?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#409981

<em>@rbaroud83 264382 wrote:</em><blockquote>I just did, however, it did not work. Is there specific HTML code I need to use or any modifications to the css template file that I need to make?</blockquote>
Can you share the custom html you tried to use for your custom_mod? As Phil suggested – if you’re not utilizing the search module in that position, you should be able to use a custom_mod to display virtually anything you want there.

Might it be an issue with the css parameters for the position where the search module goes?
(What is the position called? You might want to check the css for that position – depending on the elements of your custom html)

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#410074

I’ve just downloaded this template and itseems the sarch position is being used elsewhere. Please start by putting your code in the “Top” position then when done post a link to your site with css optimization set to “No” and we will advise on the css changes you need to make to position it correctly.

[Ronnie Baroud Friend Ronnie BaroudJoin date: September 2014Posts: 15Downloads:0Uploads:4 Thanks: 2]

#410077

All i want to do is put the address of the business and the phone number to the right side of the header, nothing special (Please see attached image). Not sure how to do that, any help would be greatly appreciated.

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#410179

In examining the header.php file (within templates/ja_bistro/blocks), I note that there is a “ja-top” module position already established. However, I did not see it as a designated position within the TemplateDetails.xml file.

THEREFORE . . . .

Open your templatedetails.xml file (templates/ja_bistro/templatedetails.xml) with your text/web editor and at/about line 49, add the following:


<position>ja-top</position>


Save changes

Open your template.css file (templates/ja_bistro/css/template.css) and at/about line 597,
add css rule(s) for your ja-top position . . .


#ja-top { float: right; margin-top: 35px; }


Save changes

I actually pulled that example #ja-top example from the JA-Ironis template – which also has a #ja-top position that is actually being used in the demo (i.e. the “Buy Your Tickets” graphic). What you will need to do is create/adjust the CSS parameters for your new #ja-top position to get it right where you want it and styled correctly.

It will take some trial-and-error experimentation …. but you will get there and this is how we learn. 😎

Then what you will need to do is create a custom_mod within your Module Manager – where you will insert your custom HTML with the information you want. Name the module and assign it to the ja-top position.
(NOTE: What I usually do is copy/duplicate one of the existing Custom Mods and simply rename and adjust it to what I need).

When you are done, SAVE CHANGES and CLEAR CACHE

and there ya go. 😎

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#410724

Tom,

Sorry to correct you here. The module position name is “top”, not “ja-top”. The “ja-top” you are seeing is the div id. So as per my previous suggestion the position “top” should be used. It exists and is available to select from the module manager. We simply need to style it.

[Ronnie Baroud Friend Ronnie BaroudJoin date: September 2014Posts: 15Downloads:0Uploads:4 Thanks: 2]

#410750

Everything here was tried, still nothing. Can you help me with the custom html maybe? All I did was put “Test” as the custom HTML just to see if it would show up, but nothing happened.

I did the following:
1. Modified the xml file as suggested
2. Modified the template file as suggested
3. Entered Module Manager and created a Custom_Mod and entered “Test” in HTML field.

Nothing happened.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#410756

Sure, not a problem. And there was no need to modify that file.

If you could PM me a super admin logon and ftp details I will setup the basics for you. You would then just have to edit the module with your links.

Please include a link to this thread in your PM so I can respond and close the thread when completed. Threads tend to get lost and searching for them is a pain.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#411474

Thanks for the information in the ticket. I have carried out the following modifications to your site.

Firstly I created a new custom HTML module in the position top. I have called it “Address” as that is what I believe you wished inserting there.

We then need to float the logo to the left and the new module to the right so I have added the following to the bottom of your templates>ja_bistro>css>templates.css

#ja-top { width: 272px; height: 99px; margin: 5px 0 10px -10px; float:right}


and then added the line highlighted in red below to templates.css line 563

h1.logo {
float: left;
height: 99px;
margin: 5px 0 10px -10px;
width: 272px;

}

You can adjust the css as required.

1 user says Thank You to Phill for this useful post

1. Ronnie Baroud

[Ronnie Baroud Friend Ronnie BaroudJoin date: September 2014Posts: 15Downloads:0Uploads:4 Thanks: 2]

#411620

Thank you!

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#411942

Thanks for the message via the ticket system.

I assume you have re-installed your site yet again because all of the code changes and the module I created are gone. I have managed to re-create the module for you but you will have to re-apply the css changes I have outlined above yourself as our ticket system is very poorly at the moment and I cannot access your information.

[Ronnie Baroud Friend Ronnie BaroudJoin date: September 2014Posts: 15Downloads:0Uploads:4 Thanks: 2]

#411949

Got it! Thank you!!!

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#411955

Well done. Your site is coming along nicely. I’ll close your ticket when the system is back up.

[Author]

Posts