Okay
  Public Ticket #1670418
Dot navigation styling
Closed

Comments

  • sheffuniprint started the conversation
    August 8, 2018 at 2:08pm

    Hi,

    I was wondering if it is possible to change the dot navigation for full screen rows (except for the four existing options) so they are more visible. Ideally I was wanting to use a different icon but cannot find a plugin that can add icons. Failing this, can I enlarge the 'Tooltip Alt' dots to about twice size? I have tried in CSS but seem to get large dots but small rectangles then I get confused about before/after.

    Thanks,

    Lee

  •  8,999
    Tahir replied
    August 8, 2018 at 2:34pm

    Hey,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks

    ThemeNectar Support Team 

  • sheffuniprint replied
    August 8, 2018 at 2:40pm

    Thanks Tahir,

    There are various pages but one of them is:

    http://performancevenues.group.shef.ac.uk/octagon-centre/

    With some custom CSS, I could implement this into other pages and future Salient-based sites. I am OK with CSS but often just need a head start, despite always trying first

    Thanks,

    Lee

  •  8,999
    Tahir replied
    August 8, 2018 at 5:41pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    #fp-nav.tooltip_alt ul li a {
    transform: scale(1.5);
}

    Thanks

    ThemeNectar Support Team 

  • sheffuniprint replied
    August 9, 2018 at 7:54am

    Brilliant, this works a treat and I now know the solution for future sites.

    Thanks once again,

    Lee