-
Search Results
-
Topic: custom.css not there?
I installed this theme about a month or so ago. I wanted to increase the font size for content, but the custom.css file is not in the editor. I can’t find it anywhere, and but I do see it in the zipped file uploaded to WordPress for the theme. Not sure why it’s not visible.
Help!
In reply to: Enfold custom.css
I understand, how can I email you directly for privacy issues my website address, login/password to log into the site?
As a side note, I did create a class and placed it in the custom.css: .header1 {font-size:16px;} and placed the class on the particular page only after saving the class in custom.css, but that class did not get called.
Please provide with private email so I can email you directly the details to access the site.
Thank you
Hi,
You can use this
.bottom_nav_header.social_header .main_menu ul:first-child > li a {
border-right-style: solid;
border-right-width: 1px;
font-size: 15px;
}Regards,
Ismael
So I will admit to being a newb at this but I bought this theme because the support seems amazing.
Here is my website. utswihs.com. As you can see the layers look off. In the preview they look like the background is a nice box around the letters then the letters have the first letter bold and the rest of the word normal. All the letters are white.
Then you get that mess when I view the actual page.
My HTML is a paragraph
<b>I</b>nnovating
And the CSS is
background-color:rgba(0,0,0,0.5);
Also, I tried switching to span which fixes the background height to match the font size, but it also moves the text up so that it isn’t in line anymore making it very difficult to get it to look right. The first letter is also still orange.
In reply to: A few issues
Hi,
1.) Add this on your custom.css or Quick CSS
.home.archive.post-type-archive .template-shop.content.twelve.alpha.units {
width: 650px;
float: right;
clear: none;
margin-top: -90px;
}2.) Use this
body {
font-size; 15px;
}
#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a { font-weight: inherit; text-decoration: none; color: inherit; }
h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}
h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; }
h3 { font-size: 19px; line-height: 1.1em; margin-bottom: 8px; } /*28*/
h4 { font-size: 17px; line-height: 1.1em; margin-bottom: 4px; } /*21*/
h5 { font-size: 16px; line-height: 1.1em; } /*17*/
h6 { font-size: 14px; line-height: 1.1em; }3.) Customers are not appearing in the user are, What to check?
4.) When you insert a logo image on Enfold > Theme Options. You have the option to select the size of the image before you click the “Insert image as logo” button.
5.) Do you mean the shop category? Where do you want them to appear?
Regards,
Ismael
In reply to: Add link to icon font short code
Hi kcharity,
Here is an example:
[av_font_icon color="#8c8c8c" icon="1" size="40px" position="left" use_link="use_link" link="http://google.com" linktarget="no"]Then change the no to yes for opening in a new window.
Regards,
Devin
How do you change the font size when you are using the header with the bottom navigation? The CSS you recommended only works on the header where the nav menu is in line with the site logo.
Hi,
I would like to use the cross-domain tracking code from Google Analytics (https://developers.google.com/analytics/devguides/collection/gajs/gaTrackingSite)
I was wondering how I can insert the code for the external link in the following 2 situations:
1) Using a button
Current code:
[av_button label='Test' link='manually,http://www.test12345.nl/' link_target='' color='custom' custom_bg='#FAAB45' custom_font='#ffffff' size='medium' position='under' icon_select='no' icon='25']
2) In the main navigation / menu for one of the items/link. This link should also open in a new window
So following the instructions of Google, I need to add somehow the following code:
<a href=”http://www.test12345.nl”
onclick=”_gaq.push(); return false;”>
Test
Many thanks in advance!
In reply to: Increase text size and alter contact form
Hi,
Sorry for the delay. This css code will make phone number red and bigger., please add it to /css/custom.css file OR to quick css located in Enfold > Layout Styling (under theme options):
.social_header .phone-info {
color: #F00;
font-size: 1.35em;
}Add this css code to one of the two locations described by me earlier in this post. It will shrink your form
.ajax_form p {
float: none;
width: 70%;
}
#top .ajax_form .text_input, #top .ajax_form .select{
padding: 8px !important;
}
#top .ajax_form .text_area{
padding: 6px !important;
height: 100px;
}Thanks,
Nick
In reply to: Two questions about fonts
1) See https://kriesi.at/support/topic/custom-font-with-cyrillic-symbols – you can add a new font or overwrite an existing font – a list of all supported fonts can be found in wp-contentthemesenfoldincludesadminregister-admin-options.php
'Alice'=>'Alice',
'Allerta'=>'Allerta',
'Arvo'=>'Arvo',
'Antic'=>'Antic',
'Bangers'=>'Bangers',
'Bitter'=>'Bitter',
'Cabin'=>'Cabin',
'Cardo'=>'Cardo',
'Carme'=>'Carme',
'Coda'=>'Coda',
'Coustard'=>'Coustard',
'Gruppo'=>'Gruppo',
'Damion'=>'Damion',
'Dancing Script'=>'Dancing Script',
'Droid Sans'=>'Droid Sans',
'Droid Serif'=>'Droid Serif',
'EB Garamond'=>'EB Garamond',
'Fjord One'=>'Fjord One',
'Inconsolata'=>'Inconsolata',
'Josefin Sans' => 'Josefin Sans',
'Josefin Slab'=>'Josefin Slab',
'Kameron'=>'Kameron',
'Kreon'=>'Kreon',
'Lobster'=>'Lobster',
'League Script'=>'League Script',
'Mate SC'=>'Mate SC',
'Mako'=>'Mako',
'Merriweather'=>'Merriweather',
'Metrophobic'=>'Metrophobic',
'Molengo'=>'Molengo',
'Muli'=>'Muli',
'Nobile'=>'Nobile',
'News Cycle'=>'News Cycle',
'Open Sans'=>'Open Sans:400,600',
'Orbitron'=>'Orbitron',
'Oswald'=>'Oswald',
'Pacifico'=>'Pacifico',
'Poly'=>'Poly',
'Podkova'=>'Podkova',
'PT Sans'=>'PT Sans',
'Quattrocento'=>'Quattrocento',
'Questrial'=>'Questrial',
'Quicksand'=>'Quicksand',
'Raleway'=>'Raleway',
'Salsa'=>'Salsa',
'Sunshiney'=>'Sunshiney',
'Signika Negative'=>'Signika Negative',
'Tangerine'=>'Tangerine',
'Terminal Dosis'=>'Terminal Dosis',
'Tenor Sans'=>'Tenor Sans',
'Varela Round'=>'Varela Round',
'Yellowtail'=>'Yellowtail',Eg if you want to use Open Sans with Cyrillic characters add following code to the bottom of functions.php:
add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Open Sans'] = 'Open Sans:400,700,400italic,700italic&subset=cyrillic';
return $fonts;
}
add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Open Sans'] = 'Open Sans:400,700,400italic,700italic&subset=cyrillic';
return $fonts;
}2) To change the body font size insert following code into the quick css field and change the font size/line height value:
body {
font: 13px/1.65em "HelveticaNeue", "Helvetica Neue",Helvetica,Arial,sans-serif;
}The first value is the font size, the second value the line height.
You can change the headline sizes with
h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}
h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; }
h3 { font-size: 19px; line-height: 1.1em; margin-bottom: 8px; } /*28*/
h4 { font-size: 17px; line-height: 1.1em; margin-bottom: 4px; } /*21*/
h5 { font-size: 16px; line-height: 1.1em; } /*17*/
h6 { font-size: 14px; line-height: 1.1em; }I see the shortcode as:
[av_font_icon color="" icon="221" size="40px" position="left" use_link="{{use_link}}" link="" linktarget="no"]How do I use this so I can insert the link to a URL both internal and external? The layout editor doens’t give a link option.
Topic: Enfold custom.css
Hi,
As you’ve mentioned in your WordPress theme, Enfold>Styling tab>Quick CSS note, user can add his own configuration to override them on theme defaults. And for a complete change he can use custom.css file. I trying to override my configuration but till now no success. I want to change the font size of headers (h1 and h2) on my all pages plus lots of other changes. Is there anything else that has to be done in order to make it work? Or is there any kind of syntax that has to be met?
Thanks
Topic: Font Icon Issue
Hey folks,
I think there might be a bug with the Font Icon shortcode. When I try and add the font icon within a text block it keeps adding the same icon.
What is happening is when I add an font icon it is given a specific number, then when I add a different font icon, it grabs the same number as the previous font icon I just added. Below you will see what is added after I tried to add the Twitter and then Facebook icons.
One of the things I noticed is, this issue only happens when you don’t save the Text Block and then either save or update the page. If you save everything, then go back and create another font icon, then it chooses the correct number for that font. But this is a pain as I shouldn’t have to save for every single font icon I add.
[av_font_icon color="" icon="34" size="40px" position="left" use_link="{{use_link}}" link="" linktarget="no"] [av_font_icon color="" icon="34" size="40px" position="left" use_link="{{use_link}}" link="" linktarget="no"]
Any ideas?
Cheers Mike
In reply to: Problem with Form
Hi,
You can add something like this on your custom.css OR quick CSS
.more-link {
border-radius: 3px;
background-image: url("/themes/wp-content/themes/enfold/images/layout/bg-button.png");
background-repeat: repeat-x;
background-position: 0 0;
padding: 10px;
font-size: 12px;
text-decoration: none;
display: inline-block;
border-style: solid;
border-width: 1px;
margin: 3px 0;
line-height: 1.2em;
position: relative;
font-weight: 600;
text-align: center;
max-width: 100%;
background: pink;
}Change the property values.
Regards,
Ismael
Hi,
Add a new layer, select Div/Video then add this code
<div id="caption-container-full"><div class="caption-container-full-center">
THE WORKPLACE OF THE FUTURE</div></div>Set the animation on Options tab to Transition In/Out to Fade, duration to 0.
On Style tab set the following options.
Top: 410px (Adjust this according to the height of your slider)
Padding: 10px for each field (top left right bottom)
Font Size: 40px
Font Color: White
Custom Style Settings: width: auto; display: block; background: rgba(0,0,0,.5); position: relative; bottom: 0; text-align: center;
Then edit custom.css or Quick CSS, add this code
#.caption-container-full {
bottom: 0;
}
.caption-container-full-center {
display: block;
width: 1024px;
text-align: left;
margin: 0 auto;
}You will have a responsive caption container.
Regards,
Ismael
In reply to: Easily change font sizes? > ENFOLD
Hi,
You should probably start now. :)
Edit css / base.css, find the #Typography section.
You can also add this on your custom.css or Quick CSS.
body {
font-size: 15px;
}Regards,
Ismael
In reply to: Enfold Feature Requests
Greetings. My wishes.
1. Add Google fonts that support Cyrillic.
2. It is easy to change the size of all the fonts from the admin panel.
3. Make your sidebar wider. Or give an easy tool to configure it.
4. Support for Simple Press Forum.
Topic: Two questions about fonts
Hi. I have two questions about fonts.
1. How to add Google fonts that support Cyrillic?
2. How to change the font size of the main body, the size of the font for headings (h1-h6) and navigation menu?
Hi – Is there a way in the admin tool to easily change the font size of the body text? It is too small (smaller than your live preview) and would like to increase the size but do not want to get involved in changing the CSS. I have seen other themes where there is a slider to change the size of each text category (H1, body, etc). My team is just getting into WP customizations and dont want to scare them off the bat. thanks!
In reply to: Embedded uploaded video not displaying correctly
Hi,
I’ve posted the code for the page below. Page can be viewed here: http://frs102.net/test-page/
—-
[av_three_fourth first]
[av_icon_box icon='89' position='left' title='WEBCAST - WHAT IS FRS 102?']
<div data-update_with="content">
Thank you for signing up to view our free webcast.
The 15 minute webcast is presented by financial reporting experts, Kevin Guy and Stephen Smith.
The presentation can be viewed below.</div>
[/av_icon_box]
[av_video src='http://frs102.net/wp-content/uploads/2013/06/frs102finale.mp4' format='16-9' width='16' height='9']
[/av_three_fourth][av_one_fourth]
[av_icon_box icon='54' position='left' title='More Events...']
If you enjoyed this webcast but would like to find out more about FRS 102, then why not consider our classroom events coming up soon.
<strong>Event:</strong> Preparing For FRS 102 - The New UK GAAP
<strong>Dates:</strong> Thursday 18th July 2013 <strong>AM</strong> & 5th September 2013 <strong>PM</strong>
<strong>Venue:</strong> Hamilton House, London, WC1H 9BD
<strong>Presenter:</strong> Bill Telford
<strong>Price:</strong> £149+VAT
[/av_icon_box]
[av_button label='Find Out More' link='page,1701' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' position='center' icon_select='yes' icon='120']
[/av_one_fourth]
Thanks,
David
In reply to: bug in the footer
1) Can you post a link to the page/post where the bug occurs?
2) Use following css code – insert it into the quick css field
#top .main_menu .menu>li>a {
color: #333;
font-size: 20px;
}If you want to change the sub menu dropdown styling too use:
#top .main_menu .menu li>a {
color: #333;
font-size: 20px;
}3) You can change the number of columns (“Blog Grid Columns” option) and you can set the number of items per page (Post Number). Both options will determine how many lines are displayed. If you use the 5 column structure you need to set the post number to 25 because 5 columns x 5 lines = 25 posts, etc.
In reply to: Layer Slider Reponsive?
Hi,
I did some changes on your slide Chop > Slide #1. Unfortunately, I don’t have the time to change all your slides. I also use the actual html code for avia buttons. I added a class selector to make it unique.
NOTE: Images are much more responsive than text. Next time you create a slide, I suggest you use image text instead of actual text. To see an example, please Import the dummy data.
I added this on your Quick CSS
/* Advance Slider Style */
.fsn2-title { font-family: League Gothic; letter-spacing:2px; font-size:68px; font-weight:500; color:#ffffff; }
.fsn2-p { color: white; font-size: 15px; line-height:22px; margin-bottom:50px; }
@media only screen and (max-width: 767px) {
.ls-layer > span { top: -10px; left: -5px !important; padding: 0 10px !important; }
.fsn2-title { font-family: League Gothic; letter-spacing:1px; font-size:20px; font-weight:500; color:#ffffff; line-height:10px; }
.fsn2-p { color: white; font-size: 10px; line-height:12px;margin-bottom: 10px; }
.ls-layer > span .avia-button.avia-size-large { padding: 3px 10px; font-size: 11px; min-width: 80px; top: 15px;
}
}Regards,
Ismael
In reply to: Content Overlapping
Better yet…I kept the same font size and just added: line-height:90% to the media queries and it added the correct spacing…but using the class is best. Thanks
In reply to: Mobile Version – Layer not showing
1.) Hi Nick , Yes I have tried the code. Both
.header_color {
background: none;
}
.html_stretched #wrap_all {
background-color: rgba(255, 255, 255, 0);
}
and
.html_stretched #wrap_all {
background-color: rgba(255, 255, 255, 0);
}
.header_color .header_bg {
background: #FFF url(http://blog.blue2x.com/wp-content/uploads/2013/05/bg2.jpg) top center repeat scroll;
}
but it didn’t work
2.) Sorry about it, its suppose to say “vertically” rather than horizontal. And now that I have seen the enfold responsive mobile version.
I was thinking if i could allign the logo to the top left
Menu button like enfold mobile to the top right.
In my image below, first is the my current screenshot. 2nd is the enfold one. and 3rd is the one that I want to achieve.
Basically I want to remove the black space on top ( see 1st image ) , allign logo vertically, and also to the top left.
Menu to the top right and also allign vertically.
The header background image no longer repeats vertically or if given an alternative just remove the header image and change it to a solid color?
3.) As for the text in the slider you are right , it’s visible but it’s small. I may plan to increase the font size or just use the google font ( might want to play around with a similar looking type ).
4.) As for the layer not showing, you can see in the screenshot the blue gradient line ( in the layer slider ) doesn’t appear.
5.) Is there a way to do like inspect element on mobile phones like firebug in browsers etc ?
Thanks for helping me nick.
In reply to: Mobile Version – Layer not showing
Hi,
Have you even tried the code I gave you for your mobile. You came stating a problem. I spend time coming up with the first step to a solution. At the least please tell me it does nothing before outright rejecting it since it changes nothing on web view.
—
Can you post a screenshot for mobile
—
Your logo aligned horizontally with what and in which view mobile/tablet or larger size since it looks fine to me.
—
I don’t recommend using an image in your slider to convey what can be done using a font, like the words ”professional graphic designer’ , since 1) you are robbing google of the chance to see the letters by using an image thus missing out on seo (2) is the small text below it even readable on iphone portrait view?
—
If you use a Mac, you somehow got a mac file .DS_Store imbedded in the theme, that was the artifact i spoke of, and if you look at the url , you will see that file being included as a folder in the url structure. This is causing a javascript error , which needs to be taken care of.
—-
Please point to which repeating background (if other than the header) you are speaking of.
Thanks,
Nick
In reply to: Content Overlapping
Hi,
It is because you have an inline font-size of 50px and 30px. It is way too big for mobile devices. Give the <span> tag a unique css selector. Something like this:
<p style="text-align: center;"><span class="paragraph-1A">Example Content</span></p>
<p style="text-align: center;"><span class="paragraph-1B">Example Content More Content</span></p>Then style it on your custom.css or Quick CSS
.paragraph-1A {
color: #333; font-family: 'League Gothic', auto; font-size: 50px;
}
.paragraph-1B {
color: #333; font-family: 'League Gothic', auto; font-size: 30px;
}Then add Media Queries to target the span on mobile devices.
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.paragraph-1A {
color: #333; font-family: 'League Gothic', auto; font-size: 20px;
}
.paragraph-1B {
color: #333; font-family: 'League Gothic', auto; font-size: 10px;
}
}Regards,
Ismael
In reply to: Header menu intersecting with logo
Hi,
@juganrising: Thanks for the help. :)
@marjan2k: You can follow the links to fix the issue.
You can also add this on your custom.css or Quick CSS to fix the ovarlapping menu issue.
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media only screen and (max-width: 1138px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 6px;
font-size: 12px;
}
}Regards,
Ismael
Topic: Content Overlapping
Why would my content be overlapping in mobile view: http://cl.ly/image/3O0A100n2B25
hmtl
<p style=”text-align: center;”><span style=”color: #333; font-family: ‘League Gothic’, auto; font-size: 50px;”>Example Content</span></p>
<p style=”text-align: center;”><span style=”color: #333; font-family: ‘League Gothic’, auto; font-size: 30px;”>Example Content More Content</span></p>
All is fine on computer, tablet.?
Hi.
2.) Your site is on maintenance mode, we would like to check the footer area.
3.) To change the menu font size and style, use this on your custom.css
.main_menu ul:first-child > li > a {
text-decoration: none;
font-weight: normal;
font-size: 20px;
}For the color, you can use this:
.header_color .main_menu ul:first-child > li > a {
color: red;
}Hover state color, use this
.header_color .main_menu ul:first-child > li a:hover {
color: blue;
}4.) To change the excerpt, edit the post, look for Screen Options (top right corner) and check the Excerpt option. You can place the excerpt manually. You can also use the <!–more–> tag. http://en.support.wordpress.com/splitting-content/more-tag/
Regards,
Ismael
In reply to: Button Inconsistencies
Hi,
Please add this on your custom.css.
input[type="submit"] {
border-radius: 3px;
background-image: url(../images/layout/bg-button.png);
background-repeat: repeat-x;
background-position: 0 0;
padding: 10px;
font-size: 12px;
text-decoration: none;
display: inline-block;
border-style: solid;
border-width: 1px;
margin: 3px 0;
line-height: 1.2em;
position: relative;
font-weight: 600;
text-align: center;
max-width: 100%;
}Cheers,
Ismael
