I’ve tried Gravity Forms with mailchimp, I’ve tried code direct out of mail chimp, I’ve tried 5 other plugins for mailchimp.
I NEED the code to look like this (screen shot): 
this is what I get: 
page url: http://boldtranquility.com/boldtranquility/
code being used:
<!--– Begin MailChimp Signup Form –-->
<div id="mc_embed_signup"><form class="validate" id="mc-embedded-subscribe-form" action="http://boldtranquility.us3.list-manage1.com/subscribe/post?u=84cec85cd1dd9908d5ddb0151&id=200b43dc9d" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">
<div class="mc-field-group"><input class="required" id="mce-FNAME" type="text" name="" placeholder="name" value="" /><input class="required" id="mce-EMAIL" type="email" name="EMAIL" placeholder="email" value="" /><input class="button" id="mc-embedded-subscribe" type="submit" name="subscribe" value="Yes!" /></div>
</form></div>
<!--–End mc_embed_signup–-->
CSS that was added:
.mc-field-group{
padding: 10px;
}
#mce-email {
float: left;
margin:10px;
}
#mce-FNAME{
margin:10px;
}
#mc-embedded-subscribe {
float: right;
width: 75px;
height: 75px;
background-color: #9c638e;
border: solid 1px #9c638e;
border-radius: 50%;
color: #ffffff !important;
font-size: 24px;
}
Can anyone please help?
Hi!
You can decrease font size using following code
@media only screen and (max-width: 990px) and (min-width: 768px) {
#footer .textwidget a {
font-size: 12px!important;
}}
Cheers!
Yigit
Sorry…I want to change the main content header only, not the main content. How do adjust the size, color and font for this specifically?
Hey angwisch!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#main .content p { font-size: 16px!important; }
Regards,
Yigit
Still no change :(
This is what I have for the quick css:
#header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
height: 125px !important;
line-height: 125px !important;
max-height: none !important;
}
#top .social_bookmarks { top: 20%; }
#top .social_bookmarks li a { font-size: 18px; }
#top .social_bookmarks li { margin-right: 5px; }
#top .main_menu .menu li ul a { font-size: 20px; }
.sub_menu>ul>li>a, .sub_menu>div>ul>li>a { font-size: 14px; color: #222222!important;}
#top .header_color .sub_menu ul li a:hover { color: #333333 !important; }
.header_color .avia-tt { background-color: #444444!important; }
.single #av_section_1 > div > div {
width: 1210px;
border-right: 0;
}
.single #after_section_1 {
display: none;
}
#menu-item-search > div {
left: -200px !important;
}
#menu-item-2653 > a { color: red; }
How do I make the Main Content Font a different selection and size (larger)? I tried to change it in the styling, but it affects the Alternate Content and Footer Headings too, and I don’t want to change those. I also could not see any way to make them larger, like 16-18 pts. or so.
Hi,
Try adding the following to your functions.php file:
function custom_head_button(){
?>
<div class='container custom_button'>
<div class="avia-button-wrap avia-button-center avia-builder-el-8 avia-builder-el-no-sibling "><a href="" class="avia-button avia-icon_select-yes avia-color-custom avia-size-large avia-position-center " style="background-color:#428061; border-color:#428061; color:#fefefe; "><span class="avia_button_icon" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title"> Login</span></a></div>
</div>
<?php
}
add_action('ava_main_header', 'custom_head_button');
Then add this code to the Quick CSS:
.custom_button{
position: absolute;
left: 0;
right: 0;
}
.custom_button .avia-button-wrap{
position: absolute;
right: 0;
}
Adjust as needed.
Regards,
Josue
I would like to use a specific font, size and colour for a section on the home page.
At the same time, specify the line-height.
How can I do that?
Thanks.
-
This topic was modified 11 years, 11 months ago by
jamesmac007.
Hi!
Glad it worked.
For the hover color, just use this:
.header_color .main_menu ul:first-child > li a:hover {
color: red;
}
This is for the dropdown size and color:
.header_color .main_menu .menu ul li a {
color: red;
}
#top .av-main-nav ul a {
font-size: 15px;
}
Best regards,
Ismael
I would like to have different sections of text on my pages designated as h1, h2, h3 etc. so that I can target them in Custom CSS to change font sizes on a mobile device. The problem that I am having is that once I designate a section of text as h1, for example, the letters are all caps. How can I make it so that I am able to use uppercase and lowercase leters for h1,h2,h3 text?
Thank You.
Hello everybody,
so my problem is the following: Since 2 days all the Visual editing areas have white text in them. The Text field with the HTML5 code is fine but for some unknown reason the Visual field got changed. Moreover I also don’t see the editing menu for the visual editing area. So there is no way to change fonts, size and so on apart from in the text/html area.
very much looking forward to your problem solving suggestions! :)
Thanks in advance!
This reply has been marked as private.
Hi!
Please use following code instead
.html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a {
font-size: 16px;
}
Regards,
Yigit
Hello,
I’m trying to do something really simple but can’t get it to work, it’s so simple I’m assuming I’m missing something but I haven’t found any info on the forum or the web.
I’m trying to use the button shortcode to create an external link
[av_button label='Plus de détail sur l éthique du Colibri' link='http://www.colibris-lemouvement.org/colibris/lethique-du-colibri' link_target='_blank' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='small' position='left' icon_select='yes' icon='ue835' font='entypo-fontello']
but the link attribute always has the website url in it and generates this :
http://www.colibris-avignon.org/%3Ca%20href=%22http://www.colibris-lemouvement.org/colibris/lethique-du-colibri%22%3Ehttp://www.colibris-lemouvement.org/colibris/lethique-du-colibri%3C/a%3E
How do you make a simple external link (I had to manually add the url into the shortcode) ?
Also, impossible to add a : ‘ how can I escape this letter ?
Thanks for your help
Hey rhinocorp!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
.avia-content-slider .slide-entry-title { font-size: 20px; }
.entry-content-wrapper .post-title { font-size: 27px; }
Best regards,
Yigit
Hi!
Please use this for the menu font size:
.av-main-nav > li > a {
font-size: 16px;
}
Cheers!
Ismael
Hi,
Could you tell me how to change the post title sizes. I’m using the blog grid layout on my home page, and the Single Author, big preview pic, on another page.
Thanks
Hi!
I’ve review your site, you can find some fixes below.
1) Not sure what part you refer to, lot pictures and buttons. (can you elaborate or e.g. image/link below this text Search ALL Listings ? ).
2) code snippet below, or you could find this on your custom css rules and decrease the padding-top
.html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main {
padding-top: 104px;
}
3) Increase the font-size on the phone #
.header_color .phone-info {
font-size: 22px!important;
}
Best regards,
David
how can i change the size of the icons without changing the position of the icon?
i changed the size with this code down below and now they are not inline with the text block below anymore…
(http://newparo.ch.f-e-w.ch/)
.iconbox_icon:before {
font-size: 28px !important;
position: relative;
right: 8px;
}
.avia-builder-el-12 .iconbox_icon:before{
font-size: 15px !important;
right: 12px;
}
Thanks for quick advise!
Hey!
It seems like your first menu item is mega menu. Please go to Appearance > Menus and uncheck “Use as MegaMenu” on your menu item – http://i.imgur.com/A5PrDgU.png
Cheers!
Yigit
This reply has been marked as private.
Hi!
Please try following code instead
.widget_recent_entries li a { color: red!important;
font-size: 14px;
}
If that does not work, post the link to your website so we can take a look.
Best regards,
Yigit
Hi!
Please add following line to in front of your mail address
<div class="iconbox_icon heading-color" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></div>
And add following code to Quick CSS to adjust the size of the icon
#header_meta .iconbox_icon { font-size: 14px; }
Best regards,
Yigit
Hi!
Please add following line before your phone number
<div class="iconbox_icon heading-color" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></div>
and add following code to Quick CSS in Enfold theme options under Styling tab
.phone-info span { font-size: 16px; }
I do not think i understood what you meant on the last question. Can you elaborate or post a screenshot showing the changes you would like to make?
Best regards,
Yigit
Hi jmblakey!
Please use following code instead
.phone-info span { font-size: 30px; }
Cheers!
Yigit