Shape 5

Hi there

It is a great template, but there are some serious issues:

1. Featured Article Layout:
The Featured Articles line up vertically, instead of horizontally. When vertically, the leave an ugly white area next to them. I could not change it to horizontal, as in the demo.

2. S5 Image Slide:
S5 Image Slide is not reading the images I assign to it, when in Module mode. And when switched to Image mode, the images show up overblown (about 100 x bigger). They keep showing /product1, product2, product3, product4, which is fine, if there were 10 product images assigned to it. There are only 4 of them and then they repeat.

3. Image Wrap:
The main images of the Home page tilt to a black image or are black square tilting to the image. I assume that they should be images tilting without a black image at the beginning or at the end. If the idea is to have these black images, then there is another problem: The black image masks are a bit smaller, leaving a small border at the bottom.

Thanks for any support on this.

Hello,

Glad you like it.  As for your questions:

1.  Im not sure what you mean by this.  We actually don't override them with any php so unless we have some CSS touching them it should only be Joomla defaults.  Can you post a URL of this or explain a bit more?

2.  Can you post a URL of this?

3. Can you also post a screenshot or URL of this?

Thanks

Hi Jonahh

Thanks for the prompt reply. The site is www.academiadeaudio.com and I have also attached some screenshots to exemplify the questions. The site is still under construction. I will put it off line as soons as I get the next response.

1. Featured Article Layout:
Question_01_vertical_featured_articles.jpg
shows how the articles aligned vertically, instead of horizontally.

I have not touched any CSS or made any modifications to the template. I have only erased all the articles I did not need. Could there be a relationship to them? I also do not want to use the second page of the article, as I think that this is confusing for the general audience (i first believed that it would change the page of the entire home page).

2. S5 Image Slide:
Question_02_S5_image_slide_Module_mode shows the S5 Image Slide in Module mode. The images are the ones in the /images folder, under /product1.jpg, product2.jpg, product3.jpg, product4.jpg. Adding the URLs in the S5 Image Slide admin did not affect this (I've flushed the cache).

Question_02_S5_image_slide_Image_mode shows the S5 Image Slide in Image mode. This time around it read the URLS, but put them SUPER-SIZED, completely overblown, even thought the images are small.

3. Image Wrap:
I've attached a screen shot so you can see that every image has a small area that is not covered in black. I have loaded the site again, for testing purposes and to read the original files: www.audiogroup.com.br/academiadeaudio and there the same problem appears. I have tried to change the image sizes, but then everything changes, but the area that should be covered remains.

Thanks for the help! I hope it will work as I really like this layout!

1. Oh ok I see the issue you just have your home menu item to show them in columns.  Make sure you set it to 1 column in the menu admin area and then articles will show in 1 column, right now its set to 3 columns

2. If running in module mode image URLs aren't used because its in module mode so instead modules are used.  So you would need to look for the imageslide_1, imageslide_2, etc positions and see what is published there.  If there is nothing then you would have to create a module and add image urls and or any other content you desire to it and publish that module to the pages the image slide is published to so then it shows up.

As for the images showing huge this is most likely the setting under vertex general tab in the admin.  "Image Auto Height and Image Percentage width"  You could try disabling this I bet this is the issue why its doing this.  But I would just do module mode and then you don't have to worry about this because these settings are what stretch images for responsive mode.

3.  Ive updated the downloads to fix this but you can update manually also by just opening up below files and change to 100% from 102%

.s5_is_css_5 .s5_is_slide_css {
    background-color: #000000;
    color: #FFFFFF;
    height: 100%;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    opacity: 0.15;
    position: absolute;
    transform: translateY(-102%);
    width: 100%;
}
s5_info_slide.css (line 378)


.s5_is_css_6 .s5_is_slide_css {
    background-color: #000000;
    color: #FFFFFF;
    height: 100%;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    opacity: 1;
    position: absolute;
    transform: translateY(-102%);
    width: 100%;
}
s5_info_slide.css (line 478)

Thanks Jonah!!!

That resolved everything!

1. The articles are now exactly as the demo. Just one little question: The order of the articles seem to be unaffected by the order number in the backend. How can I reorder them? Usually it is in the order number that one can change order.

2. RESOLVED.

3. You code looked a bit different from what I have and I simply overwrote 102% with 100% in the lines you've indicated. Should I replace the code? I've noticed that the images respond differently in different browsers. In Safari it actually tilted around the entire image, which was really cool, but now stopped doing it. It just tilts the image within the frame. Maybe you could have another look, just to make sure. If needed I could replace the file altogether.

Thanks again for your fast and efficient support.

Omid.

You're welcome :)

1.  This I believe also is set in menu area.  You can set by published date or create date, etc.  So if its ordered by the date it was made then this could be why.  Just change the dates in each article and this would probably do it.

3.  Just look for the 102 and replace even if code is different that 102% is really the thing that is causing the issue.

Perfect! Everything is fine now!

1. I could change the order, exactly as you described in the Home Menu.
3. Resolved.

Thanks for your prompt support!

Omid.