-
AuthorPosts
-
November 13, 2013 at 12:26 pm #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?
November 13, 2013 at 4:50 pm #187830Hey 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.
November 13, 2013 at 5:03 pm #187838Hi 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?
November 13, 2013 at 5:07 pm #187840Hi!
I have updated the code in my previous post. Please try replacing it and flush browser cache after applying css code
Regards,
YigitNovember 13, 2013 at 5:13 pm #187844no not working yet. can it be a conflict in css codes?
November 13, 2013 at 11:59 pm #188069Hi!
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!
YigitNovember 14, 2013 at 12:17 am #188085This reply has been marked as private.November 14, 2013 at 12:27 am #188094Hey!
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,
YigitNovember 14, 2013 at 12:32 am #188100thx
didnt work and now something is messed up with the header. it became transparent. Any idea what happened?
November 14, 2013 at 12:37 am #188105Hey!
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/67209750Cheers!
YigitNovember 14, 2013 at 12:43 am #188108Hi, 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!!!
November 14, 2013 at 12:46 am #188109Hi!
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!
YigitNovember 14, 2013 at 1:03 am #188116thx
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!
November 14, 2013 at 5:54 am #188221Hey!
Please add this code on your custom.css file located on wp-content/themes/enfold/css folder:
#header_meta { background: gray !important; }
Regards,
IsmaelNovember 14, 2013 at 9:01 am #188269Hi 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; }November 15, 2013 at 3:17 pm #189193Hey!
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 -
AuthorPosts
- The topic ‘placement submit button gravity forms’ is closed to new replies.