Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #27486

    Hi guys

    I love your themes. I am changing to Enfold now from Replete

    3 Q’s about CSS

    -I had some CSS codes like changing color of menu bars in the footer and socket and other things.

    -I need the CSS for changing the location of my logo because it is now messing up the main menu http://www.bevlogenverf.nl/enfold2

    -I used these CSS codes. Anyone knows how to tweek or change them a little bit so they will work also in Enfold?

    #top .main_menu .menu a {
    color: grey;
    }
    #top .main_menu .menu a:hover {
    color: #0e75bf;
    }

    #footer .widget {
    padding: 30px 0 30px 0 !important;
    }
    .numeric_controls, .arrow_controls {
    position: absolute;
    bottom: 100px;
    }

    #top .sidebar_tab_content.sidebar_active_tab_content {
    background-color: #fff;
    color: #black;
    }
    #top .sidebar_tab.sidebar_active_tab {
    background-color:#0e75bf;
    color: #fff;
    }
    .slideshow_color .breadcrumb, .slideshow_color .breadcrumb a {
    color: #0e75bf;
    }
    .numeric_controls, .arrow_controls {
    position: absolute;
    bottom: 10px;
    }
    #top .ajax_controlls {
    top: 70%;
    }
    #footer .widget_nav_menu li a {
    font-size: 14px;
    }

    #top #menu-item-720 a {
    color: #0e75bf;
    }
    #footer .widget_nav_menu li a {
    text-align: center;
    }
    .iconbox_icon {
    background-color: white !important;
    }
    .widget_nav_menu h3.widgettitle {
    text-align: center;
    }
    #top .iconbox {
    width: 100%;
    }
    #top .avia_mega_div {
    background-color: #f5f2f5;
    }
    #top .avia_mega_div .sub-menu {
    background-color: #f5f2f5;
    }
    #top .avia_mega_div .menu-item ul {
    background-color: #f5f2f5;
    }
    #top .main_menu .menu ul li a {
    background-color: #f5f2f5;
    }
    .sidebar_tab_title {
    margin-left: 10px !important;
    }
    #js_sort_items a {
    font-size: 19px;
    }
    #top.woocommerce-page .woocommerce-ordering select { width: 25%; }

    @media only screen and (max-width: 767px) {
    #top.woocommerce-page .woocommerce-ordering select {width: auto; }
    }
    .chzn-container {
    position: initial;
    }
    #top .chzn-container .chzn-drop {
    top: 70px !important;
    width: 325px !important;
    margin-left: 3px;
    }
    .woocommerce-pagination {
    display: none;
    }
    #top.tax-product_cat .container > .term-description {
    display: none;
    }
    .added_to_cart {
    display: none;
    }
    .form-row.address-field{
    overflow: visible;
    }

    #top .chzn-single div b {
    background-position: 5px 6px !important;
    }
    .widget .gform_wrapper .gform_footer br{
    display: none !important;
    }
    .home .one_fourth.flex_column iframe {
    height: 150px !important;
    }

    #134185

    Hi,

    Can you please specify which part of the theme you want to change? Break it down to little details.

    Thanks,

    Ismael

    #134186

    footer and socket color of the letters need to be white.

    Also the middle column of the footer i want to change the size of the letters

    #134187

    i need css for adjusting the logo that is now messing up the main menu. how to change the position of that? http://www.bevlogenverf.nl/enfold2

    #134188

    And i would like to be able to change the color of the TAB of the selected tab from the sidebar tabs using css

    #134189

    Hi,

    Sorry for the delay, the fault is mine. i apologize.

    I looked at the page but i seen nothing on it http://www.clipular.com/c?13882044=CRlQuyQBrLtKNjA7RKzpWzOtHHA&f=.png

    There is no need to paste the code since its impossible to read without being in the context of the page itself. Can you please put the test page back?

    Thanks,.

    Nick

    #134190

    THX nick almost everything is done already. http://www.bevlogenverf.nl is now the real one. I am still messing with the logo tho

    #134191

    Hi,

    This will fix your portfolio grid on the home page

    .grid-content {
    height: 70px;
    }

    Thanks,

    Nick

    #134192

    the logo is quite good now. but on a tablet it goes over the menus again. what code can i apply for that?

    #134193

    Hi,

    You can add this:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .main_menu ul:first-child > li > a {
    padding: 0 8px;
    font-size: 12px;
    }
    }

    Regards,

    Ismael

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Quick CSS I used in Replete now in Enfold?’ is closed to new replies.