REMOVING NAVIGATION BUTTONS? ADDING DIVIDER LINE?

Hi.

(1)

Although I think they look very elegant, is it easy to turn off the down arrow navigation buttons used in MusicState?

I'd like to know how turn them off so the user always has to scroll down to go down the page.

(2)
Also I'd like to know how I could insert a snazzy divider line graphic where the arrows currently sit?

Please see attached image showing example yellow divider in place of arrow.

What code should I insert to achieve this and where?

Thanks guys!

Hi

1. Try add this to override.css

Code: Select all

.gkSectionNav { display: none; }


2. In such case I would used the arrows which we removed in point 1, so remove the upper code if You want to try that and replace with:

Code: Select all

#gkPageContent {
    overflow: hidden;
}

#gkMainbody .gkSectionNav:before,
#gkMainbody .gkSectionNav:after {
    display: none;
}

#gkMainbody .gkSectionNav {
    background-color: #333333;
    bottom: -100px;
    left: 0;
    margin: 0 -30%;
    padding: 0 31%;
    width: 100%;
}


Hi teitbite,

1. When I add this code to the override.css it works perfectly. Thanks!

2. When I delete the .gkSectionNav { display: none; } code from override.css and add this code, nothing appears to happen. Should I see a new divider line?

Hi

One solution excludes the other. Please just use the code from point 2. You have asked about it separately so I've answered as it was 2 problems. Do not use code from point 1 if You want the border line or use just point 1 to remove it.

Hi Teitbite.

(1) Works

(2) Doesn't seem to work when add the code to my override.css (and use none of the first code from (1) )

Should I be seeing something with this code override?

Hi

Please send me an access to joomla panel. I'll try that myself.