Forum Replies Created

Viewing 30 posts - 1 through 30 (of 235 total)
  • Author
    Posts
  • in reply to: Animate and place logo and text over video while playing #765025

    Ok I’ll give it a try and will share my code if I can do it myself, otherwise I may ask more questions :)

    in reply to: Animate and place logo and text over video while playing #765013

    Ok, thanks. So if I use the fullwidth easyslider then how would I trigger some animation before and after the video plays? :)

    in reply to: Can't get hotspot tooltip text to change #763744

    Mmmm, ok, I get that but I only use the tooltip in one place on the entire site so in theory all the styling could be there, right? That’s why I’m a bit confused because it doesn’t work there, but that’s ok, no bid deal to have an extra class :)

    in reply to: Can't get hotspot tooltip text to change #763736

    I’m curious as to why I need a unique class to make the text styled as I wish as opposed to just using this –

    .page-id-514 .avia-tooltip p {
    all styling in here instead
    }

    I like to understand :)

    in reply to: Can't get hotspot tooltip text to change #763731

    That worked, thanks! I was trying to avoid having to create a unique class inside each hotspot description but as long as it works that’s all that matters :)

    in reply to: Create a vertical fixed right dot navigation #750665

    Thanks so much, Ismael. Odd because I saw the styling as it should be then it reverted back to the previous style. It’s on goDaddy and I’m trying to purge that cache but it’s not working, sigh. I think we’re ok here but now with the code but I have to deal with caching issues. I installed a plugin but that isn’t helping :(

    in reply to: color section – alignment object #750644

    Oh, that’s a much better way of doing it! Thanks so much. I know that you have a requests area but by default it would be great to have this – I do a lot of custom styling :)

    in reply to: Create a vertical fixed right dot navigation #750132

    Hi Ismael

    No change, sigh… I tried reloading several times and another browser.

    in reply to: Create a vertical fixed right dot navigation #749540

    Almost there but the text indent css isn’t taking effect, so still showing up, the dots are really close together, and is there a way to make a dot change style when clicked, ie, active? :)

    in reply to: color section – alignment object #748125

    Another quick note – I had to revert back to 1310px dimension width because it’s thrown off all of the other styling so I definitely need to hard code that one image to be 50px in bottom right of that section, please :)

    in reply to: color section – alignment object #748123

    Hello
    I’m trying to do the same with just one image in my 1st section and have tricked it a bit by adding in whitespace above but would prefer to have my image in the first section 50px right and 50px up from the bottom of the first section, which is set to 100% height, plus I’ve changed the site dimensions to 100% so it looks close but I’d rather code just that one element.

    I am trying to locate the area that holds the img and tried this, looking at the code above, with extra styling just to see if I am in the right place and it appears no as it’s not taking effect. I’m guessing that it’s section_1 but when I inspect it doesn’t show up as section_1 so I tried other id’s and classes but can’t seem to get it to apply –

    .page-id-66 #av_section_1 .avia-builder-el-6 {
    height: 100px;
    /* just for testing */
    border:10px solid #6f9136;
    background: #ff3300 !important;
    }

    .page-id-66 #av_section_1 .avia-builder-el-6 .avia_image {
    bottom: 50px;
    right: 50px;
    position: absolute;
    /* just for testing */
    background: #ccc !important;
    }

    Could you please identify the correct path in css to the both section element, and the image I have placed inside.

    Thanks!

    in reply to: Create a vertical fixed right dot navigation #747229

    Still not working.

    I had to change it to this to see the correct container –

    .page-id-140 .menu-dots-container {
    position:fixed;
    max-width:0px;
    height:auto!important;
    right:50px;
    top:50%;
    transform:translateY(-50%);
    }

    The hide text worked but the other styling didn’t show up so thanks again and please advise :)

    in reply to: Create a vertical fixed right dot navigation #747075

    Ok, so I’ve hidden the header on this page, created a custom menu called ‘dots’ and then a widget called ‘dotNav’ and linked it to the ‘dots’ menu. I see the default text but it’s not working, ie, not picking up on any of the styling so it’s not seeing a link. Please advise and thanks again.

    in reply to: Create a vertical fixed right dot navigation #747073

    Hi Vinay

    I am using 3.8.5 with a child theme, and that is exactly the code I have in the style.css. I see the default menu in the header, so not the menu I want to show, and none of the styling from this css is applied. My access info is in my first post, above (private). Thanks again :)

    in reply to: Create a vertical fixed right dot navigation #746596

    Thanks, I added this in and made it specific to a test page (see private link) and I see nothing. I’m pretty sure I’m missing something to make this work. I made a new menu called dots and added in links and then set the header on the test page to show and it didn’t make any change. Please advise :)

    in reply to: Create a vertical fixed right dot navigation #745093

    I don’t mean to bump here but it’s been 4 days and I’m trying to get the vertical dot navigation working because my deadline is looming – just some general ideas about how to implement this would be great. I’ve managed to work out the border issue, so I’m sharing the css here –

    #emblem {
    left: 0px;
    top: 0;
    padding-top: 0;
    position: fixed;
    z-index: 999999;
    background: url(“http://www.rentkaslo.com/images/banner.png”) left top no-repeat fixed;
    height:280px;
    width:280px;
    }

    #top-border {
    height:10px;
    width:100%;
    background:#6f9136;
    z-index:999998;
    position:absolute;
    }

    div.container_wrap.fullsize /*avia-bg-style-scroll.avia-no-border-styling */{
    /*
    */
    position:relative;
    bottom:-10px;
    }

    in reply to: Create a vertical fixed right dot navigation #743072

    Sorry, again, but I have made some changes and almost have this as it should be but need a bit more help with the banner, please. Still need help with the dot nav, though.

    I made a color section and gave it an ID of #banner, then added this into my css –

    #banner {
    position: fixed;
    height: 280px !important;
    display: block;
    z-index: 500;
    width: 100%;
    padding: 0;
    background-color: rgba(0,0,0,0) !important;
    margin-top: -10px;
    margin-left: -10px;

    }

    .html_header_transparency #top .avia-builder-el-0 .container {
    padding-top: 0px;
    }

    #banner .container {
    max-width: 100%;
    padding-left: 0px;
    }

    The only thing is that when I use the scroll arrows, which work now that I have removed the emblem css, is the last one is 10 pixels up because of the border all around the page – how can I tweak that, please, or instead could I make a 10 pixel border around each color section? Thanks :)

    in reply to: Create a vertical fixed right dot navigation #743060

    Sorry to keep bumping but I realise that the emblem is also stopping my link from working on the location map, so I guess I need a much better alternative to the css, above.

    in reply to: Create a vertical fixed right dot navigation #743054

    I see why it’s not working – I deleted this css –

    #emblem {
    left: 0px;
    top: 0;
    padding-top: 0;
    position: fixed;
    z-index: 999999;
    background: url(“http://www.rentkaslo.com/images/banner.png”) left top no-repeat fixed;
    height:100%;
    width:100%;
    }

    And the scrolling works again – is there a different way to have a fixed banner that will not interfere with the scrolling function?

    Thanks, again!

    in reply to: Adding a new social icon into a widget not working #742016

    Silly me! I must have been really tired on the 3rd build. I just kept adding hotspots and forgot to place some of them. Thanks so much!

    Also, I just figured out why some of the hotspots weren’t working – since the page uses a transparent header all of the ones along the top were being overridden by the header area, so I just made my image with more sky to move them down a bit and now it all works prefectly :)

    in reply to: Adding a new social icon into a widget not working #741510

    1 – Ok, thanks! I’ll know for next time and won’t have to bother you :)
    2 – The page in question is in the private area, as are links to 2 screenshots where number 16 is correct and number 8 is wrong – it should read ‘Bryne Creek Secondary School’ which is number 9. There is no number 9 if you turn on numbers. That seems to be causing a problem. It’s really buggy. Also the very top left dot – ie, number 1 – is not working on hover; it’s supposed to say ‘UBC’.

    thanks! :)

    in reply to: Adding a new social icon into a widget not working #740896

    Ok, that looks great, thanks! Did you just copy and paste from the source code? Also, the hotspot image is doing odd things. I rebuilt it a couple of times because it was missing a numbered item even though I turned the numbers off. On mobile I see ‘Precedence’ where it’s supposed to be but it also appears where the ‘Byrne Secondary School’ is supposed to show. Please advise and thanks again :)

    in reply to: Adding a new social icon into a widget not working #740419

    Thanks, Yigit

    Social links are in column 2 in the footer widget. I simply added the new li for instagram and it looked weird and didn’t show up. Please note that the home page is live and yes deactivate plugins if needed, but again it’s live!

    Info, below :)

    in reply to: Reduce height of header for mobile #722858

    Thanks! That worked with a little bit of tweaking because the toggle was sitting over the fullwidth slider at a height of 180 so I changed it to 300 for more space, then moved the actual toggle up to remain inside the header background area –

    	.responsive #top #wrap_all #header {
    	    max-height: 300px!important;
    	}
    	
    	.av_header_transparency #advanced_menu_toggle {
    		margin-top: -50px;		
    	}		
    

    I’m sharing in case someone else has the same question :)

    in reply to: Add social icon with link to fullwidth sub menu #659433

    Ok, thanks!

    in reply to: Add social icon with link to fullwidth sub menu #658174

    I can see that you are in there testing but please note that I don;t want the icon in the main menu – I’m trying to place it in the fullwidth sub menu on just that page, ie, the one that has

    Overview | Program | Getting There | Sponsors | VMO

    in reply to: Add social icon with link to fullwidth sub menu #658144

    Will do! Thanks :)

    in reply to: Add social icon with link to fullwidth sub menu #657606

    I’ve put a basic shortcode for a FB icon as one of the menu elements, so something like this –

    [av_font_icon icon='ue8f4' font='entypo-fontello' style='' caption='Follow this event on Facebook' link='manually,https://www.facebook.com/events/1112214935469776' linktarget='_blank' size='40px' position='center' color=''][/av_font_icon]

    It displays the code, not the icon. I am I missing something obvious? :)

    in reply to: Add instagram to social share buttons widget #657602

    Good point! It was a request from the client so I will politely let them know :)

    in reply to: Change mobile menu to use one icon for open and closed #653399

    Thanks for the update :)

Viewing 30 posts - 1 through 30 (of 235 total)