Public Forums 71,145 posts

[billrust Friend billrustJoin date: March 2011Posts: 121Downloads:35Uploads:13 Thanks: 15 Thanked: 3 times in 1 posts]

#188295

I would like to move article titles and intro text from the main body area to above the main body, just under a custom HTML module I have on my site’s sub-pages.

I found the code that pulls the article title into the page here – /plugins/system/jat3/jat3/base-themes/default/html/com_content/article/default.php

But I am not sure where to put it to get it above the main body section of the page. I also need to figure out how to pull “intro content” into the same area.

The dev site is here – http://hunt.bwpcommunications.com/services/design-build-engineering-division

I am attaching a clip of the effect I am looking to achieve as well.

I know this is outside of the general support here, but any hints or tips would be great 🙂

Thanks,
Bill

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#497858

Dear Bill,

This is so hard to achieve since the article belong to the main content section while the place where you want to put the title and intro text belongs to another blocks. 🙂

1 user says Thank You to Saguaros for this useful post

1. billrust

[billrust Friend billrustJoin date: March 2011Posts: 121Downloads:35Uploads:13 Thanks: 15 Thanked: 3 times in 1 posts]

#498133

<em>@Saguaros 379242 wrote:</em><blockquote>Dear Bill,

This is so hard to achieve since the article belong to the main content section while the place where you want to put the title and intro text belongs to another blocks. :)</blockquote>

I was thinking it may be pretty difficult to do 🙁

I think I am just going to add another module position under the hero image, and each page will just have to have it’s own module with that content.

Bill

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#498201

Yes, you can give it a try 🙂

and let me know if you need further helps.

BR

[ballyjames21 Friend ballyjames21Join date: June 2013Posts: 38Downloads:0Uploads:0 Thanks: 2 Thanked: 2 times in 1 posts]

#501301

its so hard to do…

[billrust Friend billrustJoin date: March 2011Posts: 121Downloads:35Uploads:13 Thanks: 15 Thanked: 3 times in 1 posts]

#502386

<em>@Saguaros 379703 wrote:</em><blockquote>Yes, you can give it a try 🙂

and let me know if you need further helps.

BR</blockquote>

Well, we managed to figure it out – http://hunt.bwpcommunications.com/about-us

That page is using a K2 item, and the Item Title and Intro-Text are now above the main body 🙂

Now what I am struggling with is how to assign a page class (I think that’s what I need) to specific pages. I have some pages that I need to push the ja-mainbody section down about 40px like here – http://hunt.bwpcommunications.com/utah-paperbox

As you can see, the left menu and body content areas are too high on the page, and I need them to go down some.

Any thoughts? I tried adding a page class but I can’t figure out how to isolate the class to only affect the ja-mainbody div.

Thanks!
Bill

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#502393

Hi Bill,

Glad you figured it out 🙂

For the page class, you should add it into menu item of that page. Let take the home page as an example, you should go to backend > Menus > Main menu > Page Display Options > Page class > add a class named home <make sure that you also add a space before this class name>

Then open file /templates/ja_your_default_template_name/css/template.css, add this css rule:


.home #ja-container { // change to the div you want to style for
/* Your own code here ...*/
}


Once done, clean JAT3 cache.

[billrust Friend billrustJoin date: March 2011Posts: 121Downloads:35Uploads:13 Thanks: 15 Thanked: 3 times in 1 posts]

#502395

<em>@Saguaros 385089 wrote:</em><blockquote>Hi Bill,

Glad you figured it out 🙂

For the page class, you should add it into menu item of that page. Let take the home page as an example, you should go to backend > Menus > Main menu > Page Display Options > Page class > add a class named home <make sure that you also add a space before this class name>

Then open file /templates/ja_your_default_template_name/css/template.css, add this css rule:


.home #ja-container { // change to the div you want to style for
/* Your own code here ...*/
}


Once done, clean JAT3 cache.</blockquote>

OMG IT WORKED!!!

I must have tried 20 combinations of that code before I posted here and had no luck. Then with your code, I swapped out the ja-container with ja-mainbody (my div) and it works!!!

Thanks you again so much!!!

Bill

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#502406

You are welcome, mate

Feel free to let me know if you need further helps.

Best of lucks !!!!

[Author]

Posts