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

    Hi guys

    How could i get the submit button to be in line? on the right? So it is one horizontal line.
    http://bevlogenverf.nl/test-3/

    Any css code?

    for:

    getting all the elements to be closer together and have the button to be on the right? Will it still be responsive with this kind of picture button or should i style them differently?

    #187830

    Hey Willem-Paul!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .gform_wrapper .gform_footer { float: right!important; padding: 0px 0 5px 0!important; margin: -5px 0 0 0!important; }

    Regards,
    Yigit

    • This reply was modified 11 years ago by Yigit.
    #187838

    Hi man,

    I cant get it right. I changed that code but wont work

    http://bevlogenverf.nl/test-3/

    What could it be? conflict with other codes?

    #187840

    Hi!

    I have updated the code in my previous post. Please try replacing it and flush browser cache after applying css code

    Regards,
    Yigit

    #187844

    no not working yet. can it be a conflict in css codes?

    #188069

    Hi!

    Do you mind creating a temporary admin login and posting it here privately? Make sure to check ” Set as private reply (Only you and moderators will see the content of this post)” above Submit button

    Cheers!
    Yigit

    #188085
    This reply has been marked as private.
    #188094

    Hey!

    Please try adding the code i posted above to Custom.css file inside wp-content\themes\enfold\css folder. CSS added in Quick CSS section is not being applied for some reason. You can try deactivating the plugins if adding to custom.css file does not work either.

    Best regards,
    Yigit

    #188100

    thx

    didnt work and now something is messed up with the header. it became transparent. Any idea what happened?

    #188105

    Hey!

    Have you tried deactivating all active plugins? And you are using fairly old version of Enfold (1.9.1). You can login on ThemeForest witht the account you have purchased Enfold and go to Downloads section to download the latest version 2.4.2 and update it via FTP
    For a quick guide on updating your theme take a look at this video on updating the Enfold theme via FTP: https://vimeo.com/channels/aviathemes/67209750

    Cheers!
    Yigit

    #188108

    Hi, i think i just updated the enfold one. 2.4.2 it says now.

    didnt try the plugins yet but something is wrong now with the header.

    it became transparent.

    any idea what happened or what css code is doing that?

    kinda unreadable ugly now hehe

    APRECIATE your HELP btw!!!

    #188109

    Hi!

    Yes your theme now looks updated. Please deactivate plugins and check adding cutom css codes. If it starts to work again, you can add following code to Quick CSS in Enfold theme options under Styling tab or into Custom.css file inside Enfold/CSS folder to change color of header meta and adjust it as desired

    #header_meta { background-color: white; }

    You are welcome :)

    Cheers!
    Yigit

    #188116

    thx

    i am sorry man

    all plugins de activated and added that code

    didnt work

    is there a conflict with any of the other codes in my css that i added in the quick css?

    THX for the help!

    #188221

    Hey!

    Please add this code on your custom.css file located on wp-content/themes/enfold/css folder:

    #header_meta {
    background: gray !important;
    }

    Regards,
    Ismael

    #188269

    Hi Ismael THX that did the trick.

    The letters in that header meta are now a very weird purple color also the social buttons. What to do about that?

    If feel something is conflicting in my CSS code: Any idea?

    #top .main_menu .menu li a { font-size: 18px; color: white; background-color: #4787f3; }
    #top .main_menu .menu li a:hover { background-color: #4787f3; color: grey; }

    #top .header_color .main_menu .menu ul li a{
    background-color: #ffffff;
    color: #4787f3;
    font-size: 17px;
    }
    #header_main {
    background: #4787f3;
    }
    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .main_menu ul:first-child > li > a {
    padding: 0 8px;
    font-size: 17px;
    }
    @media only screen and (max-width: 767px) and (min-width: 480px) {
    .woocommerce .template-shop.content.nine.units {
    width: 100%;
    }
    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .woocommerce .template-shop.content.nine.units {
    }
    .grid-content {
    height: 70px;
    }
    .woocommerce .sidebar {
    display: none !important;
    }
    .woocommerce .template-shop.content.nine.units {
    width: 1030px;
    border: none;
    }
    .header_color .sub_menu>ul>li>a {
    font-size: 12px;
    color: #0e75bf;
    }
    #top .main_menu .menu a {
    color: white;
    }
    #top .main_menu .menu a:hover {
    color: white;
    }
    .main_menu ul:first-child > li > a {
    font-size: 17px;
    font-weight: 700;
    color: white;
    }

    #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: 20px;
    }

    #menu-item-1045 a, #menu-item-1044 a, #menu-item-1043 a, #menu-item-1988 a {
    color: #FFF;
    font-size: 25px;
    }
    #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;
    color: grey;
    }
    #top .avia_mega_div .sub-menu {
    background-color: #f5f2f5;
    color: grey;
    }
    #top .avia_mega_div .menu-item ul {
    background-color: #f5f2f5;
    color: grey;
    }
    #top .main_menu .menu ul li a {
    background-color: #f5f2f5;
    color: white
    }
    .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;
    }
    div .main_color .active_tab {
    background-color: #0e75bf;
    color: #FFF;
    }
    div .main_color .tabcontainer .active_tab {
    color:#FFF;
    }
    #top .main_color .tabcontainer .tab:hover {
    #FFF:

    }
    .main_menu ul:first-child > li > a {
    padding: 0 5px;

    }
    #top .main_menu ul:first-child > li > a {
    padding: 0 13px;

    }
    .social_header .phone-info { color: orange!important; font-size: 20px!important; }
    .logo img { padding: 20px 0 0 0; }
    .header-scrolled .logo img { padding: 5px 0; }
    #header_meta { background-color: white; }

    #189193

    Hey!

    CSS by itself is never something we can really use. We need to see it live on the page and how its interacting with the content via dev tools.

    Which page now is having the issue (its hard to follow topics over a series of responses so re-freshing what is the current issue is always very helpful).

    Regards,
    Devin

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘placement submit button gravity forms’ is closed to new replies.