Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #605143

    Hello!
    I have created to test websites and will be using “service” page as an example for my questions.
    Here are my questions:

    1) How do I set the size of sidebar ? Say, main page 80%, sidebar 20% of the entire browser window.

    2) How do I make a custom order of these items ? I want them to match the order of sub-menu “service”.
    And how do I increase the font size and change font color in this section?

    3) Site #2 has the styling (separations, lines, font colors etc) of sidebar widgets and footer I want. How do I transfer (create) it from Site #2 to Site #1?

    4) Site #2’s header has an awkward grey color at the menu area. How do I make the header exactly the same as displayed on Site #1 with all its underlining etc for Site #2?

    Many thanks for your help!

    #605727

    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

    #605744

    Thank you for your reply.
    3&4) I don’t see how it might work because I want something from one site and something else from another….so to say the combination. If I export options form site #1 to site #2 I will overwrite the much needed options in site #2. In addition, I would like to learn how to do it manually. Thank you!

    #606185

    Hey!

    It think in this case it won’t work when using import/export, so you would need to change it manually in the theme settings.

    Cheers!
    Andy

    #606383

    – That was my question :) How do I do it manually (3&4)?

    – Would you also please post a more detailed example for my question regarding the order of sidebar (q#2)? If I can see the example based on one of my sites, I can follow it in creating the rest…

    Thanks!

    • This reply was modified 8 years, 8 months ago by Ivne.
    #606964

    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

    #606986

    Hi Ismael,
    2) Still can’t figure it out.

    3) I added this code to my site#1. Unfortunately, nothing has changed.
    The styling I want for sidebar and footer is still as it was and not like shown on site #2 (below):
    footer
    sidebar

    Basically what I want is site #2 (regular “Construction” DEMO) with the header from site #1 (header settings from “Coming soon” DEMO )

    4) Did that. Hasn’t fixed the issue with site#2. Color under the main menu is still grey.

    Regards

    #607458

    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

    #607850

    2) Thank you! Would you please let me know how to increase the text size of this section and change text color ?

    3) Yes, it is there. It wasn’t right after I added the Quick CSS from your post #606964. Strange.

    #607903

    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

    #607963

    Thank you for your reply!

    2) The text enlargement did work, but the color didn’t

    4) I actually mostly meant the framed + see-though header styling and yellow underlining of main menu. Sorry for not being clear.

    #608817

    Hey!

    1.) Then try to add an !important:

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

    Don’t forget to clear browser cache and hard refresh a few times.

    4.) When editing your page scroll down and look on the right side for “Header visibility and transparency”. Make your adjustments there.
    In Enfold->Header->Header Layout->”Header Style” you can choose “Default”.

    Regards,
    Andy

    #609113

    2) Thanks, I’ve put “!important” next to color and it worked. How do I change the background color when active/selected ?

    4) I think I found all the options I was looking for except for color. Where do I specify the color of “active menu indicator” ?

    #610595

    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

    #614150

    Thank you!

    1)

    Here in this example, in the original DEMO
    – When hovered over text changes color to orange.
    – When selected the font changes color (white) and size (becomes bold and wider)

    This code from post#608817 overwrites the original settings:

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

    What do I do to keep original settings in place or to control them ?

    2) This code changed the color of menu indicator, but when sub-menu opens, it looks like this (1/3 new color, 2/3 old color):

    3) Can I title the sidebar, in other words write something on top of main sidebar menu (circled in red – post#605143) ?

    #616226

    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

Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.