Joomla Templates Club 406,261 posts

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#199462

Hey!

Yesterday I bought the template Appolio and I want to make a few changes to the template which I currently can’t achieve.

Currently the website is hosted locally, so I hope that wont be a big problem.

1. I want that the onepage “blocks” get different background colors, with one block I am succeeded. But if I change a other block, all blocks got this background color. (Screenshot: http://i57.tinypic.com/23jqpzm.png )

2. When I am refreshing the page, I get this when it loads (Screenshot: http://i62.tinypic.com/v7fe2q.png ) How can I fix this problem or disable it?
(When I scroll down more then it fixes, but it needs to be fixed when the page is loaded(without scrolling))

Thank you!:laugh:

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#541334

@Kelvin89,

<blockquote>1. I want that the onepage “blocks” get different background colors, with one block I am succeeded. But if I change a other block, all blocks got this background color. (Screenshot: http://i57.tinypic.com/23jqpzm.png )</blockquote>

In JA Appolio template, position onepage is changed to parallax. You can refer at this docs.

In this case, you can use class suffixes then add your custom code into file /templates/your_template_name/css/custom.css (if not exists, pls create new one).

<blockquote>2. When I am refreshing the page, I get this when it loads (Screenshot: http://i62.tinypic.com/v7fe2q.png ) How can I fix this problem or disable it?
(When I scroll down more then it fixes, but it needs to be fixed when the page is loaded(without scrolling))</blockquote>

It would be best if you can post the URL of your site in here so that I will help you out.

1 user says Thank You to Nazario A for this useful post

1. kelvin899

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#541366

Thank you for your fast reply! I will try this out today.

Currently I can’t send a url because its on a localhost. Soon as I put it online, I would notify it on here! Thank you!

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#541373

I tried what you said with the class suffix. Then its looks like this: http://i58.tinypic.com/2k1oxu.jpg .. How can I cover the whole “block” background into the same color?

Sorry if this a newbie question, haha!:D

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#541394

Sorry for the spam posts, but I figured it out!

I gave it a module class suffix then I went to the module -> Advanced -> Module Style and then choose Rounded.

Can I contact you in a few days about the first problem with the loading the Jquery? :laugh:

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#541709

@kelvin899,

<blockquote>When you go to the home page at http://www.seniortravels.nl and you refresh the page, it gives you trouble loading the background jquery block “Bring it everywhere”. It has to be loaded when the webpage refreshes. Is there a way to do this or maybe to disable it?
</blockquote>

This is not jquery, We are using the CSS in here. Please add this rule into file: /templates/your_template_name/css/custom.css

.section.parallax.section-center.inview .last-content {
animation: scale-up 0s ease-out 0s both;
}

You can change the time in the red as you wish.

<blockquote>Besides that I wanted to change the template name, so it would not be /template/ja_appolio but something like this /template/mozambique. Normally I know how to do this, but I cant get it working on this template. Would you take a look at this too?</blockquote>

You can follow these tips to change template name.

Let me know if this helps

1 user says Thank You to Nazario A for this useful post

1. kelvin899

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#541717

Hey Nazario,

Unfortunately the code doesn’t seems to help, he is still doing the same. Can I disable this animation somehow? So that the background would be loaded instantly?

The template rename works so far. Only because I use the Ja_Appolio – Homepage style for the home page, it still gives me the original in the source code. Do you know how to change it for this style too?

I want to thank you for your support so far!

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#541856

@kelvin899,

<blockquote>Unfortunately the code doesn’t seems to help, he is still doing the same. Can I disable this animation somehow? So that the background would be loaded instantly?</blockquote>

I just checked your site. I saw you added this code into file: /templates/your_template_name/css/custom.css

.section.parallax.section-center.inview .last-content {
animation: 1s ease-out 0s normal both 1 scale-up;
}

Please replace “1s” with “0s” in the red. The background should be loaded instantly.

<blockquote>The template rename works so far. Only because I use the Ja_Appolio – Homepage style for the home page, it still gives me the original in the source code. Do you know how to change it for this style too?</blockquote>

Hope these tips will helpful to you.
http://t3-framework.org/documentation/layout-system.html
http://t3-framework.org/documentation/customization.html#theme-customization

Let me know if this helps

1 user says Thank You to Nazario A for this useful post

1. kelvin899

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#541889

Hey Nazario,

Currently the animation seems to work, because I saw that the length from the video till this first block is lower now(his standard position). Before that I made the video position less high, so maybe that would be the problem. So I will try this again.

For the renaming I still don’t have a clue how to do this. There is a template style called JA Appolio – Home page and this one is calling the original template. That is the reason why its showing up in the homepage source code.

How can I assign this template style to my own template? I tried everything to accomplish this, but this doesn’t seem to work.

I included a picture, to make myself clear. You can see that he is calling the template with the name Ja_apollio instead of my own template name.

I hope you can help me again with this!

---

Attachments:

1. 

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#541947

Solution found: rename the template name in PHPmyAdmin at the desired style.

Thank you Nazario for you support!

---

Attachments:

1. 

1 user says Thank You to kelvin899 for this useful post

1. Nazario A

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#541948

Glad to hear that its resolved. Let me know if you need further help.

[Author]

Posts