Forum Replies Created

Viewing 30 posts - 1 through 30 (of 227 total)
  • Author
    Posts
  • 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 :)

    in reply to: Modify tooltip hover for gallery thumbnails #628899

    Yes, sorry they decided to remove it and I found my answer on another post – sharing it for anyone else who needs to know what it’s called –

    /* gallery tooltip hover */

    .avia-tooltip {
    display: none !important;
    }

    Thanks! :)

    Thanks so much!!! :)

    in reply to: Move sticky secondary menu under main menu #627359

    Sorry for the delay – it was pulling content from the footer and placing it under the widget but it seems to be working properly now so all is well! Thanks so much :)

    Well, of all the times I’ve used this theme I never looked at editing the columns!!!!! That works beautifully, however, the button in the second column is not quite centered – when I inspect the button’s div ie the avia wrap it has padding at the top that is about 15 pixels, plus about 3 pixels below. The client is very visual so I need it to be dead center. I have tricked it by adding a whitespace of -12 above but when I tried to add padding of -12 in the column settings it didn’t take effect. I also created a custom class of homePageBu on the button and did this –

    .homePageBu {
    margin-top: -12px;
    }

    That didn’t work either. I do have it centered with the negative whitespace but is there a ‘cleaner’ way of making this work? :)

    Oh, it’s the second grey block, not the first one – ignore that please – it’s the one that starts with
    Holborn’s mission is to elevate the lifestyle…

    in reply to: Move sticky secondary menu under main menu #623259

    Ok, so this might work – I added it into the home page as the first item because I’m using a fullwidth easy slider. It appears at the very top before scrolling and then jumps down to below the logo and header as scrolling starts. Is there a way to have it below the logo and pancake menu at all times? I’m putting a link in the private area so you can see what we have – working on another option as well with a widget but it’s buggy (grabbing some content from the footer). thanks again!

    in reply to: Move sticky secondary menu under main menu #621716

    Thanks for the prompt reply but to be clear my question is about moving the secondary menu down to below the main menu, which will always be a pancake.

    I have already done the css to make the main menu work as a pancake on all devices, so please let me know how to place the secondary menu under the main menu and logo. Thanks again! :)

    in reply to: Style close button for mobile menu #615048

    A dream, indeed!!!!! Works like a charm – thanks so much! :)

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