Joomla Templates Club 406,261 posts

[osseo Friend osseoJoin date: February 2012Posts: 205Downloads:16Uploads:26 Thanks: 69]

#830239

Hi,

I’m not sure if this is formatting related or not… but after we switch the template from JA nex to JA university, everywhere we have the "PDF" icon it added a hard return so it went down to another line which we don’t want.
But I don’t want to go through my whole site which is hundreds of pages to fix all the icon one by one… there must be a reason why all the icons went off a line and has to do with template change…
Here is an example: http://www.district279.org/schools
You see the PDF icons are below the word "Fact Sheet", it use to be next to the work "Sheet" (on the right), after we switch to JA university it all move down a line. Does it make sense?

I also notice the default table style has the thin line, how can I create a style for table without having that line in between each row without changing the default table border CSS?

Thank you for your help!

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#830695

Hi @osseo,

1. To fix the problem with PDF icon, please open file templates/ja_university_t3/css/custom.css then add this code :

   .article-intro table img,
   .article-content table img {
   display: inline-block;
   }

2. To insert a table without border, you can add this code to custom.css file :

   table.no-border tr td,
   table.no-border td {
    border: none;
   }

   then use class "no-border" (without double quote) in table you won’t want to show border.

[osseo Friend osseoJoin date: February 2012Posts: 205Downloads:16Uploads:26 Thanks: 69]

#840467

Hi Adam,

Thank you so much for providing the solution.
However, the PDF icons appears to work for all page expect this one:
http://www.district279.org/services-dept/finance/general-budget-information

I can manually adjust it since it’s just one page, but I’m still wondering why it didn’t work on that page? Could you let me know if you have any clues?

Also, I notice the some of the 2nd level dropdown menus are very very hard or impossible to get to. For example, when you visit our homepage: http://www.district279.org/
Then mouseover the menu "About Us", and try to mouseover "Grade Span Changes" > "Overview". It’s very tricky to get the 3 dropdown "Overview" to stay so you can click on it. I find it true for couple other menu (i.e. "Schools" menu) as well that uses the same JA university template. Is that a bug or something I can adjust so the dropdown will stay put?
If you take a look at this screenshot below, some menu even have a "gap" by the 3rd menu.

Thank you for your help again.

---

Attachments:

1. 

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#840884

Hi @osseo,

Also add this code to custom.css file to fix the problem with PDF icon :

.article-content img {
     display: inline-block;
}

Please re-enable the 3rd level sub-menu so I can check it for you.

[osseo Friend osseoJoin date: February 2012Posts: 205Downloads:16Uploads:26 Thanks: 69]

#841037

Hi Adam,

Thank you for your reply on the PDF article css, however, I added the css below and still didn’t fix the problem on that page: http://district279.org/services-dept/finance/general-budget-information

.article-content img {
display: inline-block;
}

Regarding the 3rd level menu dropdown, you can test it out yourself on this site and see if you have any idea. I’ve already confirm is not a browser related issue.
Go to: http://schools.district279.org/mgsh/
Mouse over: "About MGSH" > "Athletics/Activities" > "Athletics"
You’ll see the menu pop out from the right has the gap.

Thank you.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#841164

Hi @osseo,

1. I checked your but see that the PDF icon is stay on the same line as text, maybe you might want to clear your browser cache.

2. About the sub-level menu, try adding this code to your custom.css file and recheck :

   .t3-megamenu .mega-inner .mega-inner {
    padding: 10px;
   }

[Author]

Posts