Forum Replies Created

Viewing 28 posts - 1 through 28 (of 28 total)
  • Author
    Posts
  • Alright chaps, I fixed it. I just had to insert new text blocks and type the hyperlinks rather than copy and pasting them.

    You can close this thread.

    Thanks,

    James

    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

    in reply to: Re-sizing buttons with tablet/mobile screen sizes #738521

    Hey Nikko,

    Works a treat, superb stuff! You can close this thread.

    Thanks a million,

    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

    in reply to: Re-sizing buttons with tablet/mobile screen sizes #736536

    Hey Nikko,

    Thanks again for your help with this site, the code seems to work brilliantly!

    If I were to be very picky, the only thing wrong is when viewing the site on my iPhone 5, the overlay of the colour section does not extend to the bottom of the section in landscape but fine in portrait. There looks to be about a 10px gap at the bottom of the section in landscape. Would you have any suggestions?

    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

    Hi Ismael,

    Even after copying and pasting your URL the problem persists. From the layout builder I go to the text block and find the reference has shortened itself (below) after pasting your url in.

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

    I don’t know what these extra pieces of code (&nbsp ;) are doing that keep sneaking in but I have to keep taking it out of the html.

    their stay in Jessica Sechs&nbsp;and are on hand 24/7.</p>
    

    I’m sure this is not a typo.

    Thanks,

    James

    in reply to: Re-sizing buttons with tablet/mobile screen sizes #735072

    Hey Basilis,

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

    Thanks!

    James

    in reply to: Mobile header border – good riddance! #734315

    Many thanks Yigit!

    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 Ismael,

    You’re a genius, thank you very much. Absolutely amazing product, support and professionalism.
    You can close the thread.

    If anybody else happens to have the same problem, here is the CCS which fixed it:

    /* color of main menu items
    ——————————– */
    .header_color .main_menu ul:first-child > li > a {
    color: white!important;
    }

    /* hover state of main menu items
    ——————————— */
    .header_color .main_menu ul:first-child > li a:hover {
    color: #c4f1f2!important;
    }

    /* color of active menu item
    ———————————*/
    .header_color .main_menu ul:first-child > li.current-menu-item > a {
    color: #88e0e2 !important;
    }

    #top #header.header_color.av_header_transparency .av-main-nav > .current-menu-item > a .avia-menu-text {
    color: #88e0e2 !important;
    }

    Thanks again,

    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

    Hey Andy,

    I’m afraid my enfold version is up to date (3.4.6).

    I’ve left my credentials below.

    Thanks,

    James

    Hi Rikard,

    Works a treat, thanks a lot!

    James

    in reply to: Linked icon sonar colour #715036

    Cheers Yigit,

    It was just a typo. Thanks so much for the effort you went to despite my incompetence! You can close the topic now, thanks!

    Jambo

    in reply to: Linked icon sonar colour #714962

    Thanks bud,

    Credentials below.

    James

    in reply to: Linked icon sonar colour #714957

    Hey Yigit,

    Thanks for the help, the site colours don’t spoof up anymore.

    I’m was just trying to change the colour of the sonar by replacing the rgba 87,81,73 with 145,201,195 but no luck. I’m not touching the decimal at the end which i presume is opacity. I’ve tried fiddling around with the hex code as well but still no change there.

    Thanks!

    Jambo

    in reply to: testimonial subtitle #714137

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

    Jambo

    in reply to: Testimonial issues #712597

    Hi Andy,

    Thanks for the advice and I’ll keep the questioning simple in the future!

    I’ve added your code, although the 2nd piece of code didn’t seem to work.

    I changed the class to “.avia-testimonial-subtitle” instead where it became responsive, only I can’t align the text with “text-align: center;”(with either class). I tried using “!important;” but it remains aligned to the left.

    This is the code I have for the subtitle:

    .avia-testimonial-subtitle {
    font-family: lustria!important;
    font-size: 20px!important;
    text-align: right!important;
    color: white!important;
    padding-top: 50px!important;
    }

    The padding won’t respond either so I added 50px below the name field which works fine so no issue there, just added information that might help the cause.

    Thanks for the help, top notch support.

    James

    in reply to: Testimonial issues #711479

    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 4 years, 5 months ago by  Jambo.
    in reply to: Testimonial issues #711478

    Quick edit (feeling slightly stupid)!

    Found I can change the formatting of the quote using html when editing the testimonial (including the background colour)

    So 1) remains an issue
    2) can be ignored
    3) I can’t find a way to edit the ‘name’ field

    Thanks again,

    Jambo

    in reply to: Mouse-over icons to expand information #708914

    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

    in reply to: Mouse-over icons to expand information #708130

    Hey Rikard,

    I’ve shared a link for you to the site. The feature I’m trying to put in is at the bottom of the page. You can see how much more tidy the other website’s feature is compared to how you could imagine laying out all the information one below the other.

    Thanks for the help,

    James

    in reply to: Portfolio Grid for Images #593955

    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

    in reply to: HELP! #590445

    Hi Josue,

    I had a short-lived attempt of using codepen but I couldn’t get it to copy the website over properly, even to think how I’d transfer any additional code into WordPress puts fear into me. Lets forget the fancy animations and revert to the default layout editor. I can work with the image enlargement feature that comes with the enfold theme to tackle one of my queries.

    I’ve added “add_theme_support(‘avia_template_builder_custom_css’);” to my functions.php file and I’ve got an option to input a custom CSS class in the pop-up box when clicking on elements within the layout editor. If I want to add borders or what have you to these assigned classes, do I have to add the CSS to the general styling quick CSS box in the enfold settings?

    If I can add another question, can you log into my account and see that the 3 images on the test page are cropped when they grow as you hover over them? Is there a way I can prevent this from happening by giving some priority to the images over the column sizes somehow?

    Going back to one of my other queries, I’m trying to stretch my background of the chalk board across the screen. It’s fine on my laptop but when I’m on my larger monitor size the background shows 2 black bars either side of it and I’d rather make the background fill the entire screen no matter what the monitor size is.

    Greatly appreciate your help! Superb support.

    James

    in reply to: HELP! #590255

    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

    in reply to: HELP! #588433

    This is the only quick CSS under general styling relating to linked images:

    .image-overlay { visibility: hidden; }

    .text-overlay { visibility: hidden; }

    Cheers,

    J

    in reply to: HELP! #587317

    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

Viewing 28 posts - 1 through 28 (of 28 total)