Joomla Templates Club 406,261 posts

[mymarketing Friend mymarketingJoin date: August 2011Posts: 21Downloads:0Uploads:0 Thanks: 6]

#170047

Hi,

I modified the Popular Destinations section on my site and used the following markup:
<div class=”destinations clearfix”>
<p class=”title-header”><strong>St. Vincent</strong></p>
<ul class=”text-link” style=”width: 23%;”>
<li class=”title-header”><strong>The Grenadines</strong></li>
<li><a href=”#”>Bequia</a></li>
<li><a href=”#”>Canouan</a></li>
<li><a href=”#”>Mayneau</a></li>
<li><a href=”#”>Mustique</a></li>
<li><a href=”#”>Palm Island</a></li>
<li><a href=”#”>Petit St. Vincent</a></li>
<li><a href=”#”>Union Island</a></li>
<li><a href=”#”>Young Island</a></li>
<li><a href=”#”>Tobago Cays</a></li>
</ul>
</div>
After making this change, the island listings no longer are shown in columnar format as the sample indicated. How do I modify the above HTML to ensure the listings are in columnar format?

Thanks!

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#421513

Hi,
You add this code into /templates/ja_travel/css/template.css

div.destinations ul.text-link {
width: 30%!important;
}

[mymarketing Friend mymarketingJoin date: August 2011Posts: 21Downloads:0Uploads:0 Thanks: 6]

#421517

Khoand,

I added this to the template.css file near the .distinations (sp) tags but the change didn’t take effect. Is there a specific section to which this should be added within template.css?

Thanks!

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#421518

You delete all of files of /cache and /t3-assets directory.

[mymarketing Friend mymarketingJoin date: August 2011Posts: 21Downloads:0Uploads:0 Thanks: 6]

#421521

I did this in the Admin panel Maintenance->Clear Cache but had no effect. Does this have to be done from within CPanel instead of Joomla?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#421522

You try to add this code into /plugins/system/jat3/jat3/base-themes/default/css/template.css

div.destinations ul.text-link {
width: 30%!important;
}

[mymarketing Friend mymarketingJoin date: August 2011Posts: 21Downloads:0Uploads:0 Thanks: 6]

#421724

I added this to the bottom of the file you referenced. Unfortunately this still is not working. What further steps are required?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#421825

You change your custom HTML to


<div class="destinations clearfix">
<p class="title-header"><strong>St. Vincent</strong></p>
<ul class="text-link">
<li class="title-header"><strong>The Grenadines</strong></li>
<li><a href="#">Bequia</a></li>
<li><a href="#">Canouan</a></li>
<li><a href="#">Mayneau</a></li>
</ul>
<ul class="text-link">
<li><a href="#">Mustique</a></li>
<li><a href="#">Palm Island</a></li>
<li><a href="#">Petit St. Vincent</a></li>
<li><a href="#">Union Island</a></li>
</ul>
<ul class="text-link">
<li><a href="#">Young Island</a></li>
<li><a href="#">Tobago Cays</a></li>
</ul>
</div>
And put this code into template.css


.destinations ul {
float: left;
margin: 0 10px 0 0 !important;
width: 20%;
}
I still wonder why your /templates/ja_travel/css/template.css doesn’t work. Could you give me username+password of your ftp to check it

[mymarketing Friend mymarketingJoin date: August 2011Posts: 21Downloads:0Uploads:0 Thanks: 6]

#421986

I made the change to the Custom HTML per your suggestion. So, now we have to <ul> tags but the second tag is not moving to the next column. The template.css file show the markup you’ve listed. How do I send you FTP credentials?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#421988

Your template isn’t changed. Do you add code into /templates/ja_travel/css/template.css


.destinations ul {
float: left;
margin: 0 10px 0 0 !important;
width: 20%;
}
If you do, you try clean cache by delete all of files of /cache and /t3-assess.

The template.css file show the markup you’ve listed. How do I send you FTP credentials?

Now, /templates/ja_travel/css/template.css file works normally. So I don’t need your FTP credentials. Thank you.
If you want to send your information to anyone, you can send it by Private Message.

[Author]

Posts