Thank you, Yigit. Your recommendation looks great. I have one more small change. How would I increase the font size in the top row (Heading Row) of the table? I want to increase the size of the phrases: Personal Development Survey, Manager Survey, and Team Survey (http://www.nexushumancapital.com/pricing/). Thanks.
Hi griffiba!
Please add following code to Quick CSS in Enfold theme options under Styling tab to change the color of pricing row in your table and increase the font size of content
.pricing-table li.avia-pricing-row small, .pricing-table li.avia-pricing-row .currency-symbol {
opacity: 1; color: white; }
.pricing-table>li { font-size: 16px; }
Regards,
Yigit
I’m really enjoying learning to work with your theme. But I’ve had a hard time figuring out how to customize the fonts and colors in a table. My pricing tables don’t quite look right: http://www.nexushumancapital.com/pricing/ . Any help you could provide would be much appreciated.
This reply has been marked as private.
Hey!
I think it is better to put it on top of the breadcrumb because the breadcrumb’s width will differ according to the level of pages you’re in. Use this on Quick CSS:
div.fontResizer {
position: absolute;
z-index: 20;
right: 0;
width: auto
}
.fontResizer p {
float: left;
}
.fontResizer li {
margin: 3px 0 0 0;
}
.breadcrumb.breadcrumbs.avia-breadcrumbs {
top: 40px;
}
Regards,
Ismael
Hi!
You should be able to change the font size of the tab titles with
#top #wrap_all .tab_titles {
font-size: 10px;
}
Regards,
Peter
Hello there!
First of all thank you for a very nice and well built template.
I found some of the things I’m looking for in the forum, but still would like to give me some hints on some modifications that I want to do.
Hopefuly you can send me some code to add at the quick css box.
1. Different background images for different pages.
Is that possible to do that? Please advise
2. Background color transparency.
I’m using the “fixed width style”. As I said I’m using a background images and I’d like to use transparency at the Header, Main content, socket etc background color.
3. Content hight
Is there any way I can control the hight between the content? There seams to be a lot of space between two elements. Can I reduce that?
4. Main Menu font style
I would like to control the font of the main menu. Change the size, color of the “non selected” and make them “non bold”. Also would like to change the space between the words of the dropdown subnemu. Is that possible?
5. Secondary Menu at the socket font style
I’d like also to control the style of the font at the socket too. How can I do that?
6. Dots at the slider
Can I change the color of the dots of the “full width easy slider”?
7. Back and forth arrows pop-up slideshow
Can I change the arrows of the pop-up slide show with ones that I design?
Thank you for your time.
Hope to have news from you soon :)
Yours
Andreas
Thanks so much for the quick reply! This works to get the font resizer on the page, but how would I get it to appear just to the right of the breadcrumb trail? I’d prefer not to add more space/another div above the title/breadcrumb trail div.
http://scullydisabilitylaw.com/what-we-do
Hi!
Yes – use following css code and change the font size.
#top label {
font-size: 12px;
}
Regards,
Peter
Hi!
Add the button shortcode then view the page or post. Inspect the button element using Chrome. The html code should look something like this:
<div class="avia-button-wrap avia-button-center avia-builder-el-0 avia-builder-el-no-sibling "><a href="" class="avia-button avia-icon_select-yes avia-color-theme-color avia-size-small avia-position-center "><span class="avia_button_icon" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">Click me</span></a></div>
You can add the nofollow attribute manually. Copy the html code then use it instead of the shortcode.
Regards,
Ismael
Hi smallwebsolutions!
Please edit header.php, find this code at the very bottom:
<?php } //end blank check ?>
<div id='main'>
Below, add the font resizer code:
<?php if(function_exists('fontResizer_place')) { fontResizer_place(); } ?>
Go to Tools > Font Resizer > Basic Settings > check the ” Default setting, resize whole content in body tag (<body>All content of your site</body>) “.
Best regards,
Ismael
How can we just resize the Tabs Title font size? Because with that CSS code its resizing all the fonts (even all of my custom paragraphs) in the Container.
I edited the ” .tabcontainer * ” to :
.tabcontainer .tab_counter_0, .tab_counter_1, .tab_counter_2, .tab_counter_3, .tab_counter_4 {
font-size: 13px !important;
}
Is there any other easy way?
The Font Resizer plugin allows for hard-coding the output within your theme with the following:
<?php if(function_exists('fontResizer_place')) { fontResizer_place(); }?>
I would like to add this snippet after the breadcrumb trail. I’ve tried numerous times to get this to work, but with no success. Can you please help?
Thanks.
Hey weathertight!
In WordPress dashboard, please go to Appearance > Editor and open Header.php file and find
<?php
/*
* Hook that can be used for plugins and theme extensions (currently: the woocommerce shopping cart)
and add following line right over it
<div class="phone2">Your number here</div>
then you can add following code to Quick CSS to style your number
.phone2 { float: right; color: red; font-size: 16px; }
Regards,
Yigit
Hi yairg!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired
#top .main_menu .menu li ul a { font-size: 10px; }
Cheers!
Yigit
Hello,
I’m trying to make the font size smaller, on the sub-menu (drop-down menu).
Would appreciate your help.
Thanks,
Yair.
Hi David!
For the font-size, try adding this to the Quick CSS:
.container {
font-size: 16px;
}
Regarding the auto-responders, you’ll need to use a third-party plugin for that. I’d recommend this combo: Contact Form 7 + CF7 AutoResponder Addon.
Cheers!
Josue
Hey guys, absolutely loving “Enfold”. Just a few questions…
Does the word “Enfold” have any significant meaning? Just curious :-)
How do I increase the font size on the Content text in Posts and Pages?
Also, is it possible to add an Autoresponder code to the contact forms? if so what do I need to do?
If you’d like me to post these as separate questions, I can. Just let me know.
Please advise soonest..
Cheers.
Hey skynandi!
You can use this:
.social_header .phone-info {
line-height: 10px;
font-size: 15px;
}
Best regards,
Ismael
Hey olbert123!
You can use this on your custom.css or Quick CSS:
body p, body {
font-size: 15px;
}
There are lots of heading elements on the theme, which would you like to change? You can change the main title or heading using this:
#top .alternate_color.title_container .main-title a {
color: black;
font-size: 15px;
}
Regards,
Ismael
Hi m!
You can use this on your custom.css or Quick CSS:
.js_active .toggler {
font-size: 14px;
font-weight: bold;
color: blue !important;
}
Cheers!
Ismael
Hi Yigit,
Again – sorry for the late response – I have tried this code and again nothing changes. I have replaced the page ID with the the relevant page ID, but it’s making no difference. Just a question though – why would the special heading section affect the title of the contact page? Despite my user name (my employer chose it) I know nothing about CSS – all I know is that I can customise the CSS given to me to suit my color, font size or page needs, etc. and insert it into Quick CSS and that’s about it unfortunately…
Hi,
I wounder where to change the font size of main content text and headings, since I couldn’t find it in the enfold settings: styles.
Thanks in advance!
Olli
In addition, I have an issue with the logo size since I updated the theme. I updated from the 1.9 to the 2.4.2 version in order to add some custom font pics.
After that, I put back all the custom CSS but the logo seems to be very small… I think it’s a kind of incompatibility with the udpate.
Also, there’s a little issue with dropdown menu wich is to small now…
Sorry for my requests :)
Regards,
Hey keifygeorge!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.main_menu ul:first-child > li > a { font-size: 16px; }
.header_color .main_menu ul:first-child > li > a { color: red; }
Regards,
Yigit
Hi,
When i make a LayerSlider slider and it looks fine on desktop resolution x, any change of the resolution changes the slide elements completely and makes it look real bad.
And when i check it on mobile devices (smartphones /tablets) it looks bad aswell.
can someone help with this ?
i an using % to place the elements on the slide, em for font size … nothing helps.
thank you.
Hi there,
I would like to change the menu options font in terms of size and colour, please let me know if this is possible and how it is done?
Thanks,
Keith
Hi!
You are welcome, glad we could help :) Please add following code to Quick CSS and adjust as well
.main_menu ul:first-child > li > a { font-size: 17px; }
Best regards,
Yigit