How to edit Home page

I would like to add the same content like the SPONSORS content on homepage. Help!

If You would like to edit sponsors list, please go to Appearance -> widgets and edit "Sponsors" widget on the right.

What I meant was to add a different topic on the home page other than the SPONSORS but the design is like the SPONSORS.

So You should create custom html widget and place it where You need it to be.

So You should create custom html widget and place it where You need it to be.

I created another Text into the SPONSORS widget and it's showing perfectly as position "1". SPONSORS is position "2" and the images are not showing except its title. Help!

So You should create custom html widget and place it where You need it to be.

I created another Text into the SPONSORS widget and it's showing perfectly as position "1". SPONSORS is position "2" and the images are not showing except its title. Help!

Can somebody response to this problem? Thanks.

Could You please post an url to your site?

Could You please post an url to your site?

I'll PM it to you.

ok, WP version of Fest is a little bit tricky, but the problem is esay to solve.
Instead of creating another custom html module under sponsors, copy the code that You have in it already, remove the module and edit oryginal sponsors widget.
Create Structure that looks this way:

Code: Select all

<div class="gk-sponsors">
<h2>Sponsors First</h2>
<div>
<a href="#"><img src="[pageurl]/wp-content/themes/Fest/images/demo/sponsor1.png" alt="Sponsor #1" /></a>
<a href="#"><img src="[pageurl]/wp-content/themes/Fest/images/demo/sponsor2.png" alt="Sponsor #2" /></a>
<a href="#"><img src="[pageurl]/wp-content/themes/Fest/images/demo/sponsor3.png" alt="Sponsor #3" /></a>
<a href="#"><img src="[pageurl]/wp-content/themes/Fest/images/demo/sponsor4.png" alt="Sponsor #4" /></a>
<a href="#"><img src="[pageurl]/wp-content/themes/Fest/images/demo/sponsor5.png" alt="Sponsor #5" /></a>
<a href="#"><img src="[pageurl]/wp-content/themes/Fest/images/demo/sponsor5.png" alt="Sponsor #6" /></a>
<a href="#"><img src="[pageurl]/wp-content/themes/Fest/images/demo/sponsor4.png" alt="Sponsor #7" /></a>
<a href="#"><img src="[pageurl]/wp-content/themes/Fest/images/demo/sponsor3.png" alt="Sponsor #8" /></a>
<a href="#"><img src="[pageurl]/wp-content/themes/Fest/images/demo/sponsor2.png" alt="Sponsor #9" /></a>
<a href="#"><img src="[pageurl]/wp-content/themes/Fest/images/demo/sponsor1.png" alt="Sponsor #10" /></a>
</div>
<h2>Sponsors Second</h2>
<div>
<a href="#"><img src="[pageurl]/wp-content/themes/Fest/images/demo/sponsor1.png" alt="Sponsor #1" /></a>
<a href="#"><img src="[pageurl]/wp-content/themes/Fest/images/demo/sponsor2.png" alt="Sponsor #2" /></a>
<a href="#"><img src="[pageurl]/wp-content/themes/Fest/images/demo/sponsor3.png" alt="Sponsor #3" /></a>
<a href="#"><img src="[pageurl]/wp-content/themes/Fest/images/demo/sponsor4.png" alt="Sponsor #4" /></a>
<a href="#"><img src="[pageurl]/wp-content/themes/Fest/images/demo/sponsor5.png" alt="Sponsor #5" /></a>
<a href="#"><img src="[pageurl]/wp-content/themes/Fest/images/demo/sponsor5.png" alt="Sponsor #6" /></a>
<a href="#"><img src="[pageurl]/wp-content/themes/Fest/images/demo/sponsor4.png" alt="Sponsor #7" /></a>
<a href="#"><img src="[pageurl]/wp-content/themes/Fest/images/demo/sponsor3.png" alt="Sponsor #8" /></a>
<a href="#"><img src="[pageurl]/wp-content/themes/Fest/images/demo/sponsor2.png" alt="Sponsor #9" /></a>
<a href="#"><img src="[pageurl]/wp-content/themes/Fest/images/demo/sponsor1.png" alt="Sponsor #10" /></a>
</div>
</div>   


This will allow JS to do its math without any additional coding, and all images should show correctly..

I tried what you suggested but it did the same thing. So what I did was replaced below

</div>
<h2>Sponsors Second</h2>
<div>

with only

<h2>Sponsors Second</h2>

and it works perfectly now.

I'm glad You solved it out on your own .