Joomla Templates Club 406,261 posts

[railer Friend railerJoin date: October 2007Posts: 236Downloads:102Uploads:9 Thanks: 17 Thanked: 24 times in 1 posts]

#188331

Hi!

Just looking for some pointers on customizing the pagebreak table of contents (TOC) styling in JA Travel. What files/css styles do I need to modify to float it right and put a thin ruled box around it?

I searched in this forum but didn’t find anything.

Thanks in advance for your help.
Railer

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

#496400

Hi railer,

Can you make a snapshot of what you want to accomplish?
I still don’t get your ideas about “the pagebreak table of contents (TOC) styling in JA Travel”.

[railer Friend railerJoin date: October 2007Posts: 236Downloads:102Uploads:9 Thanks: 17 Thanked: 24 times in 1 posts]

#497360

Hi Leo — thanks for your reply. Actually, my site — which isn’t live just yet — is displaying the TOC above the article in a column aligned left, and centered under the TOC is the text “Page 1 of 15”.

I was under the impression that the default TOC is supposed to display in a small ruled box inset at the right of the main article text? Why isn’t that how mine is displayed in JA Travel? More importantly, how can I fix this, or change to the right inset position?

The attachment is how it looks now, not what I want to accomplish — which is just to get the default style and position.

Thanks

---

Attachments:

1. 

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

#497437

Hi railer,

<blockquote>I was under the impression that the default TOC is supposed to display in a small ruled box inset at the right of the main article text? </blockquote>
On our JA Travel demo hosting, the TOC style looked the same with our overriden layout when I tried to use the default article layout of Joomla com_content.

<blockquote>Why isn’t that how mine is displayed in JA Travel? More importantly, how can I fix this, or change to the right inset position?</blockquote>
Pls backup your files & try to put below codes into the end of templatesja_travelcsstemplate.css :

#article-index {
overflow: hidden !important;
/*Your extra styles if needed*/
}

#article-index ul {
float: right;
}

This will let the TOC aligned on the right. Clear JAT3 cache after saving changes.

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

1. railer

[railer Friend railerJoin date: October 2007Posts: 236Downloads:102Uploads:9 Thanks: 17 Thanked: 24 times in 1 posts]

#497490

Thanks Leo,

Thanks a good start. Main problem now is that the article-index div is still above the main content. I need it to float at the right side within the main content, as I believe it does in the default settings.

Also, the pagenavcounter line ought to be within the article-index div so that it is contained within the unit floated to the right.

I haven’t used the article index very much, myself, but when I did, it displayed inset into the text by default, not above it. Strange.

[railer Friend railerJoin date: October 2007Posts: 236Downloads:102Uploads:9 Thanks: 17 Thanked: 24 times in 1 posts]

#497499

Well, I got it to display how I wanted it.

Here is my final css:

#article-index {
overflow: hidden !important;
/*Your extra styles if needed*/
width: 180px;
border: 1px #CCCCCC solid;
margin: 0 0 12px 12px;
padding: 12px;
float: right;
}

I left the page number text centered above the main content. Made sense once I saw the TOC floated right. I also reduced the pagination font size, which at h2 was too big for my taste.

Thanks for your help.
Railer

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

#497506

Hi railer,

No matter. It is nice that you got perfect with your TOC css styles.

Leo

[Author]

Posts