Hi Vinay,

For the life of me I can’t get other hyperlinks to work. I’m not sure how you did it. In the text block does the hyperlink shorten down to the following for you?

<a href="../accommodation/#alpine_retreats">Alpine Retreats</a>

I’m now trying to make the ‘find out more’ link go to the top of the accommodation page. Even after copying the fixed link you made (Alpine Retreats) and taking out the #alpine_retreats in the text, it still doesn’t work. The hyperlink in the text block now showing the following for me:

<a href="../accommodation/">Find out more</a>

Even after re-typing the entire link in the text block it reverts to this shortened version.

The same goes for the 4 hyperlinks under the 4 icons (the resort, skiing, summer and location) however clicking the icons remains to work as intended.

Thank you,

James

Hey Ismael,

Thanks for getting back. After disabling every plugin and pasting the link in, it still reverts to the strange shortened URL.

Thanks,

James

Hey Nikko,

Absolutely awesome, exactly what I was after!

You even fixed my testimonials which were pencil thin without all this code!

 /* resizing testimonial (tablet)
-------------------------------- */
@media only screen and (max-width: 768px) {
#top .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial-row {
     width: 125%;
     left: -75px;
}}
 /* resizing testimonial (iPhone 5 portrait)
-------------------------------- */
@media only screen and (max-width: 500px) {
#top .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial-row {
     width: 130%;
     left: -42px;
}} 

Great stuff dude!

Thanks,

James

Hey Basilis,

The buttons I’m looking at in particular are ‘book’ and ‘contact’.

Thanks!

James

Hi Vinay,

Thank you for your response. I believe I’m already using the URL extensions as you have mentioned above. I have 4 icons which link to colour sections on a separate page with hyperlinks below the icons with the exact same hyperlinks. The icons work whereas the hyperlinks do not. If this is not a typo issue, is there something deeper routed causing the problem?

All the best,

James

Hi guys,

Thank you for correcting me Ismael. Unfortunately, with the theme updated to 3.8.4, the issue is re-occurring.

Credentials below.

Thanks,

James

Hi Rikard,

Works a treat, thanks a lot!

James

Thanks bud,

Credentials below.

James

You can close this topic, I just used:
float: right;

Jambo

Sorry to make this so lengthy already but I have another question.

Is it possible to override the autorotation and add arrows to the left and right for the user to switch testimonial having read the first?

Cheers

• This reply was modified 7 years, 5 months ago by Jambo.

Hey Rikard,

It does work, thank you.

Now is it possible to make a paragraph of text appear below the icon, and across the width of the screen upon hovering (similar to my example above) over the icon? To make it responsive is of course a desirable feature if possible.

If this is too complex then don’t worry, I will just create different pages that open when clicking the icons, although this effect would be awesome to implement!

Thanks in advance,

Jambo

Hi Rikard,

Thanks for the response.

An example of the tag system could include you searching for images that have the tag ‘nature’ assigned to them. All those without the nature tag would disappear. To add another level to your search, you might add the tag ‘red’ and you now have images of sunsets in remote scenery…just an example!

I could either 1) Have a dozen or so ‘tags’/’categories’ that are displayed in a slider format so users can select tags within a pane at random. If the tag they are looking for isn’t displayed they can scroll with 2 arrows to the left and right which would refresh the slider with another pane of 12 tags. Shown at http://s30.postimg.org/jzxu55175/Filltering_System_1.png

Or 2) To give the users more freedom in the tags they’re seeking, I could have a search bar just like 8 tracks. A drop down box that suggests tags as they type would also be a nice addition to implement! Shown at http://s30.postimg.org/9nbjj27o1/Filltering_System_2.png

New pictures would be added to the site all the time so it must be an easy process to upload images and assign them with tags. We’d be looking at having thousands of images available to search through.

Ideally I’d like the filtering to be applied seamlessly, just as it does in your portfolio demo at: http://kriesi.at/themedemo/?theme=enfold although this is fairly low on the priority list and I want to get the functionality down first.

Thanks,

James

Hi Vinay,

Thanks for the info but I’m using a plugin which was recommended to me called “Page Builder by SiteOrigin”. I find it’s page builder is a lot more user friendly than the default template builder. I have the option to assign custom CSS to each element within an ‘attribute’ tab.
When I paste your code in the element’s CSS attribute and asign the image the class “animate-scale” nothing happens when updating and previewing the page. I’ve given you my login details for you to have a look at what I’m doing wrong! If you make all your contributions within the “TEST PAGE” that would be awesome! You’ll also see I’ve also added the example ‘reveal’ animation I’m describing, it would be great if you could have a look at that if you have time!

Thanks a lot.

James

Hi Rikard,

Sorry but the linked page isn’t saturated with content!

I’m trying to get those 3 images to grow smoothly (~1 sec animation) by 10% of their current size on mousing over them to then decrease to their original size when mousing off. Hopefully this will emphasise that they are clickable when the page is completed.

The reveal animation I’m describing is illustrated by timeline I made containing the 2 elements made up of “text 1” and “img 1”. Left-most being the start of the animation and the right-most being the end of it (font-style and colour will be different, something I can manage with)! The idea is that when hovering over the text, “img 1” would begin to reveal itself from left-right. When hovering off the text, the animation would trigger in reverse to the original state.

Also, you might be able to tell help me out with the background sizing. On my laptop at the moment the background stretches across, but when I’m at home on my larger monitor I’ll see that the background will be too small for the screen. A background that stretches and responds to differing monitor sizes is what I’m after.

Finally, to add another question to the list (it could go on forever) I’m trying to rotate the arrow at the very bottom of the page by just a few degrees because I’ll have an arrow to each of those circular buttons and I don’t want to have each of them separated by 90 degrees. I’d rather not go into inkscape and rotate them in there, thus having to upload 50 arrows to my media library in slightly different orientations if you catch my drift!

I’ll do my best to explain better if you need me to.

Thanks,

J