sidebar, footer and header styling

Hi Ivne!

Thank you for using Enfold.

1.) Go to the General Layout > Dimensions panel then adjust the Content | Sidebar Ratio.

2.) You have to modify the sort_column parameter of the wp_list_pages inside the avia_sidebar_menu function. Example here: https://kriesi.at/support/topic/change-the-order-of-left-side-bar/#post-603541

3-4.) Is this supposed to be the same site? Go to the Import / Export panel then export the theme options from site #1 then import it back to #2. Please do this with caution because it will override the site’s theme options.

Regards,
Ismael

Hi!

Did you add any custom css to the site? Copy those to the other site and vice versa.

3.) Look for this code in the Quick CSS field:

html #top .header_color .widgettitle, html #top .main_color .widgettitle, html #top .alternate_color .widgettitle, html #top .footer_color .widgettitle, html #top .socket_color .widgettitle {
    border-style: solid;
    border-width: 1px;
    padding: 10px 0;
    border-left: none;
    border-right: none;
    margin-bottom: 15px;
}

Copy it to the other site.

4.) Regarding the header borders, set the Header > Header Style to Default.

Best regards,
Ismael

Hey!

2.) https://kriesi.at/support/topic/change-the-order-of-left-side-bar/#post-607457

3.) The styling is already there, scroll down more. The issue is that the widgets are not configured yet. Go to the Appearance > Widgets panel then add the widgets that you want.

4.) Please review your first post. Do you want the header of this site? http://proba3.verhogroup.com/service/

Regards,
Ismael

Hi!

2- Please add following code to Quick CSS

ul.nested_nav a {
    font-size: 14px;
    color: red;
}

4- Please go to Enfold theme options > Header and change header height to small and then go to “Extra elements” tab and choose not to display social icons.

Regards,
Yigit

Hey!

1.) Use this to change the background color of the active item:

.main_color .widget_nav_menu ul:first-child>.current_page_item {
    background: red;
}

2.) And this one for the menu indicator:

.header_color .avia-menu-fx {
    background-color: yellow;
}

Regards,
Ismael

Hi!

1.) Add this css code:

.main_color a:hover, .main_color h1 a:hover, .main_color h2 a:hover, .main_color h3 a:hover, .main_color h4 a:hover, .main_color h5 a:hover, .main_color h6 a:hover, .main_color .template-search a.news-content:hover, .main_color .wp-playlist-item .wp-playlist-caption:hover {
    color: #eb8a22;
}

.main_color .heading-color, .main_color a.iconbox_icon:hover, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color .sidebar .current_page_item>a, .main_color .sidebar .current-menu-item>a, .main_color .pagination .current, .main_color .pagination a:hover, .main_color strong.avia-testimonial-name, .main_color .heading, .main_color .toggle_content strong, .main_color .toggle_content strong a, .main_color .tab_content strong, .main_color .tab_content strong a, .main_color .asc_count, .main_color .avia-testimonial-content strong, .main_color div .news-headline, #top .main_color .av-related-style-full .av-related-title, .main_color .av-default-style .av-countdown-cell-inner .av-countdown-time, .main_color .wp-playlist-item-meta.wp-playlist-item-title, #top .main_color .av-no-image-slider h2 a {
    color: #ffffff;
}

2.) Add this:

.html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu {
    border-top-color: red;
}

You can adjust the color values as you like.

Regards,
Ismael