COLOR SECTION; Easy Slider; HEADINGS; HEADER with scroll; SIDE MENU CSS

I have searched and found some code you provided to answer question 5)
HOWEVER the a:active is NOT working I am getting a brown color instead of the css definitions.
Need code to remove lines and change font style – thanks
See below:

.main_color .sidebar a {
color: #d1ada1;
}

.main_color .sidebar a:hover {
color: #7aa84a;
}

.main_color .sidebar a:active {
color: #cc4c21;
}

• This reply was modified 10 years, 2 months ago by DaraEmerson.

Thanks Ismael!
This does not work.
We have a right sidebar – default, set in Enfold Child under Theme Options

Would still like to understand how to get those photos/slideshows to be in the color section without padding etc…..

Also the logo in the HEADER still sometimes sits flush when in scroll mode (thought it was fixed)
Vertically in the iPod the logo is squished (width) – have not yet checked on the mobile.

Thanks – nearly finished with the visual and have to check the browsers and W3 verification.

• This reply was modified 10 years, 2 months ago by DaraEmerson.

Sidebar Navigation
Thanks – In my reply #220985 to you I have this code (for the sidebar navigation)

what is NOT working is the a:active –

I would like to have the color (shown in the code below) and be able to remove the color in the background

. Default :active seems to be black or the main content colour.

.main_color .sidebar a:active {
color: #cc4c21;
}

Margin – COLOR SECTION
so this is what I put into the CSS: (with and without a “.” before the workshopcolorsection) and it did not work
.flex_column .avia-slideshow workshopscolorsection {
margin: 0px 0 0 0;
}

…so I did this and the result is that, at the top there is no padding but at the bottom (of the easy-slider) there is.
#workshopscolorsection .flex_column .avia-slideshow {
margin: 0px, 0px, 0px, 0px;
}

If I add some space within the 2/3 column and under the content (next to the 1/3 column which houses the easy-slider) there is MORE space under the easy-slider as well.

Is there a solution?

OK So this is all the code you have been feeding me and I have found searching through your forums

It is all in the Style sheet and the “studienreise” works the best EXCEPT that the typography is also now glued top and bottom due to the last code you sent which blocks the “.hr-invisible” needed so the typography does not glue to the top
#workshopscolorsection .hr-invisible, #sommerakademiecolorsection .hr-invisible {display: none; }
#studienreisecolorsection { margin-top: -45px; }

I am assuming that this colour bar is not meant for what I am attempting.
http://www.tcm-team.at/studienreise-nach-china/
http://www.tcm-team.at/sommer-akademie-am-bauernhof/
http://www.tcm-team.at/workshops/

/*COLOR BAR*/
#workshopscolorsection .flex_column .avia-slideshow {margin: 0;}
.avia_image.avia-align-center { display: block; margin: 0; text-align: center; }
.avia-align-center.avia_image.avia-builder-el-no-sibling { margin: 0; padding 0; }

#studienreisecolorsection .flex_column .avia-slideshow { margin: 0; padding: 0; }
#sommerakademiecolorsection .flex_column .avia-slideshow { margin: 0; padding: 0; }

Thanks but the “current” navigation on the header is only evident when one is in the first submenu item i.e. the first open page of a main navigation item. When one goes to another page item within the menu item the “current” is lost.

The css for the navigation looks unclean.
/*NAVIGATION*/

/*ROLLOVER/CURRENT MENU DECORATION*/
.header_color .avia-menu-fx {
background-color: #7aa84a;
}
.header_color .avia-menu-fx .avia-arrow, .header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {
border-color: #7aa84a;
}

/*MAIN*/
.header_color .main_menu ul:first-child > li > a {
color: #d45226;
}

#top .main_menu ul.menu li a {
font-size: 14px;
}

/*MAIN NAVIGATION HOVER*/
.header_color .main_menu ul:first-child > li a:hover {
color: #7aa84a;
}

/*MAIN NAVIGATION CURRENT*/
.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a {
color: #7aa84a;
}

/*MAIN NAV SUB NAVIGATION*/
.header_color .main_menu .menu ul li a {
color: #d45226;
font-weight: 600;
}

#top .main_menu .menu li ul a {
font-size: 14px;
line-height: 15px;
}

/*MAIN NAV SUB NAV HOVER*/
#top .header_color .main_menu .menu ul li>a:hover {
color: #7aa84a;
background-color: transparent;
}

/*MAIN NAV SUB NAV CURRENT*/
still need this code

/*SIDE NAVIGATION*/
.main_color .widget_nav_menu ul:first-child>.current_page_item {
background: transparent;
}

.main_color .sidebar .current_page_item>a {
color: #7aa84a;
}

.main_color .sidebar a {
color: #d45226;
}

.main_color .sidebar a:hover {
color: #7aa84a;
}

.sidebar {
font-size: 14px;
line-height: 17px;
}

.js_active .tab {
font-size: 14px;
}

THANKS

how to remove the lines on the side navigation current item ?

….AND with the color section:
is there ANY solution that a photograph or easy-slider can be flush top and bottom padding, margins 0000
AND have the typography next to it with space top and bottom?

NAVIGATION STILL DOES NOT WORK

AGAIN:
Perhaps the problem is with the sidebar navigation code you have given me is that it is NOT a widget but the normal sidebar navigation
(the reason why it is not in alphabetical order is because I used the order that page should be in the page editing area)

AGAIN: the current page item for the side navigation works only for the first (top) page
when one chooses another page on the sidebar the main navigation no longer shows which main menu item one is in.

SOLUTION?
the side navigation is in green but the top navigation “ausbildung” should also be green
http://www.tcm-team.at/ausbildung/module-und-preis-uebersicht/

• This reply was modified 10 years, 2 months ago by DaraEmerson.

the menu now is more of a mess
yes: the side menu corresponds to the main navigation
HOWEVER: the entire drop-down menu is all in green – roll-over option has disappeared

http://www.tcm-team.at/ausbildung/supervision/

• This reply was modified 10 years, 2 months ago by DaraEmerson.