Thx you very much ismael.
How could i do for change the size of the font ?
I try : p {
font-family: “Roboto”, arial, sans-serif;
font: 16px;
}
But it doesn’t work.
Hi Devin,
Thanks for your help although I think there’s a bit in the middle im missing….
Ive installed Bebas Neue and have it working as an h6 heading on a standard page layout. However, as discussed when I shrink the page the h6 header remains the same. I merely added your text to the CSS but cant see how to link the h6 to your code thus nothing has happened. What do I need to do to link your code and would I need to do it for every h tag (h2,h3 etc) if I wanted to change other headings too
My CSS is setup as follows:
@font-face {
font-family: ‘BebasNeueRegular’;
src: url(‘http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot’);
src: url(‘http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.woff’) format(‘woff’),
url(‘http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.ttf’) format(‘truetype’),
url(‘http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.svg#BebasNeueRegular’) format(‘svg’);
font-weight: normal;
font-style: normal;
}
h6 {
font-family: BebasNeueRegular, Geneva, Arial, Helvetica, sans-serif !important;
font-size: 90pt !important;
letter-spacing: -0.0em !important;
font-weight:200 !important;
}
Hi andypeck,
You would need to add a media query to your custom.css file (in the theme’s css folder) to then target the h6 and change the font-size declaration.
You can add this to your custom.css file and use it as a starting point to add in your css for each screen size you want to change the css on:
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}
Regards,
Devin
Hi all.
Please take a look at this page I made http://jeutie.info/emulation – How would I decrease the whitespace between the individual downloads? I am guessing the white space appears between the columns rather than the buttons but I am not sure. I used the following code on the page:
[av_two_third first]
Text
[/av_two_third]
[av_one_third]
[av_button label='View page' link='manually,http://jeutie.info/jeuties-blizzlike-repack/' link_target='' color='grey' custom_bg='#444444' custom_font='#ffffff' size='small' position='center' icon_select='yes' icon='60']
[/av_one_third]
Thanks already for your help!
Hi there,
In general Ive enjoyed using this theme but the slider is incredibly frustrating. Ive used other sliders and the viewing between preview and live is exactly the same so the experience is logical and fluid. Layer Slider doesnt seem to replicate what I see in preview into the actual live slider. Ive seen someone else mention so I dont think im alone. Please let me be wrong!
Im working locally at the moment as I have to produce this on long train journeys without wifi and up till now ive had no issues working on this theme.
Anyway….
1) My text, font size and background text boxes which ive set up in the preview window all re-align when I update the main slider
2) I want to re-produce the dissolve text/box transition ‘on’ effect that’s used in the ‘basic slider’ (text fades during a move downward) instead of animating across the entire width/height of the slider which is incredibly clunky and old fashioned
3) How do I make my css colored box behind my text partially transparent. At the moment its at 100% and I want it to be 50%
I guess if im stuck with this slider then I would at least like to try and gain a bit more creative control. Im sure im missing something and you will let me know that all is ok but I have a nasty feeling that im about to find the achilles heel of this lovely theme
Cheers
Andy
Hi,
Maybe you can add that on js > avia.js, find this code then place your code above it.
//
// responsive menu function
//
Regards,
Ismael
Hi,
To adjust the circle size, you can you use this
.avia-icon-list .iconlist_icon {
height: 45px;
width: 45px;
line-height: 40px;
}
Then change the character font size with this.
.iconlist-char {
font-size: 22px;
}
Align the icon by adjusting the line-height on .avia-icon-list .iconlist_icon.
Regards,
Ismael
Hi andypeck,
You can add in your own javascript to the avai.js file within the theme files, or use a plugin that will allow you to add it in through the wordpress admin if you don’t want to go through ftp.
Regards,
Devin
What is the code to adjust the size of the icon list circle & font in the middle? I need to scale them down a bit (approx 75-80 % of what they currently are). I’m assuming I’ll need to adjust the header text / padding etc. next to it?
Thanks!
– John
Hi,
For the menu you can use this
#top .main_menu .menu li > a {
display: block;
text-decoration: none;
padding: 0 13px;
font-weight: normal;
font-size: 12px;
font-weight: 600;
font-size: 13px;
font-family: Helvetica;
}
For the submenu, try this.
#menu-sub-menu a {
font-size: 15px;
color: red;
}
Regards,
Ismael
Hi,
You can alter the fonts on the FullWidth EasySlider with these
.avia-caption-title {
font-size: 15px;
}
.avia-caption-content {
}
You can use this for the menu.
#top .main_menu .menu li > a {
display: block;
text-decoration: none;
padding: 0 13px;
font-weight: normal;
font-size: 12px;
font-weight: 600;
font-size: 13px;
font-family: Helvetica;
}
Regards,
Ismael
Hi,
What type of header are you using?
1.) You can remove the magnifying glass via css, please add this on your custom.css or Quick CSS
#menu-item-search {
display: none;
}
2.) You can apply the menu font styling on this selector
.main_menu ul:first-child > li > a {
display: block;
text-decoration: none;
padding: 0 13px;
font-weight: normal;
font-size: 12px;
font-weight: 600;
font-size: 20px;
}
3.) What do you mean by “remove the current page from the menu”?
Regards,
Ismael
Sorry about posting in the wrong place. I started out asking a featured post question and resolved it but couldn’t delete the post, so asked my question again about this because I didn’t see you had replied already. :(
I actually don’t make changes directly to the style sheet. It’s my understanding that the “Quick CSS” is for that. That has worked generally and thanks for that.
For the slider, in the Full Width Easy Slider, there is not an option to alter the font size or appearance. Cannot view html mode when using the advanced layout feature. Anyhow, my site is not yet launched, so where can I send you the logon for you to take a look? Appreciate your guidance.
Still have the same question about the bottom navigation. I can’t find where to alter the font.
Hi,
Yes. I have an idea that you haven’t looked well for the Xing glyph, since I was able to find it. http://www.clipular.com/c?5946811=zM1_Hm9yLKqfAg_cXwIOP0xZTlY&f=.png (the one with the outline in center) /
.
Just go to that website fontello.com and this glyph is in Zocial.
Now you need to pick the size, and select that one glyph and click download button and you got it.
In the theme the location of current glyph files is in there: /config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello-charmap.php
—
I would follow these instructions regarding how to add a stand alone glyph as I haven’t deal with fonts much, so reading up as i go.. will ask.. instructions ->. http://css-tricks.com/html-for-icon-font-usage/
Thanks,
Nick
1) Man muss ein Mega Menu mit 3 Ebenen bauen:

Die erste Ebene ist der “Hauptmenü” Link – in diesem Fall “Pages”. Die zweite Ebene bildet die Spalte und alle Elemente in der dritten Ebene werden Inhalt dieser Spalte verwendet. Wenn man die Checkbox anklickt wird der Text nicht verlinkt.
2) Ich würde empfehlen den Text in ein span Tag zu schreiben und diesem Tag eine Schriftgröße zuzuweisen – zB:
<span style="font-size:10px;">Mein Beschreibungstext...</span>
10px kann durch jeden x-belieben Wert ersetzt werden und “Mein Beschreibungstext…” ersetze durch die Beschreibung.
Thanks for this…
in regard to using a Flickr plugin I have used Slickr Flickr before so Ive set it up and have place some CSS to turn it into a 4 row by 3 thumbnails whiich appear in column 3 of my footer.
In a previous theme I had help setting up some Java Script to enable me to get the thumbnails to glow on rollover. The theme had a similar CSS window in the theme styling as yours but also had a Java Script window where the script was placed. Where do I put this within Enfold? I assume its a PHP file? do I have to add anything to the code/format to make it work and where should it be placed?
Cheers
Here’s the code…….
Query(‘.slickr-flickr-gallery ul li a’).hover(
function()
{
jQuery(this).stop();
jQuery(this).animate({‘opacity’:’0.75′}, 200 );
},
function()
{
jQuery(this).stop();
jQuery(this).animate({‘opacity’:’10’}, 100 );
});
I’m going to copy and paste what another member wrote:
More flexible Icon-Box – means:
1. allow the additional use of custom icons
2. more styling options (background, font size ect…)
Also:
Posts: the ability to have the featured image used in the post-listing but hide it in the single-post view.
Layout Builder: Why can’t we have access to the full shortcode editor inside text elements?
Layout Builder: The ability to remove padding/margins from page elements
==========
Simple request: I love the option for sidebar navigation (for nested subpages) but in a site with lot’s of pages (and nested pages) that link across one another, it can get confusing. To aid the user in navigation please can you add the name of the parent page as a header to the nested subpage navigation?
I’m having a very difficult time with layer slider. My previews look great but when I insert the slider into my homepage the layers in the slider make up their own rules. Image layers are all crowded to the right before they animate in and text layers ignore their positioning and font size properties. So I tried using a different slider (Mega-Slider – pretty new one, just released on codecanyon) and I can’t get it to appear full width. From my fairly limited knowledge of css it appears that the page’s container is what is limiting its size.
Please tell me what I can do to fix this, or if you have some explanation regarding layer slider’s wonkyness I’ll take that too!
Hi eswyt,
You shouldn’t ever change any of the styles directly in the main theme css files. The best thing to do is target the slideshow specifically for that page/slideshow.
If you can provide a link to the page, we can assist with the new css.
Regards,
Devin
Hi,
I haven’t tried using Flickr plugin within the theme but there are lots of plugins available. To name a few
http://wordpress.org/extend/plugins/awesome-flickr-gallery-plugin/
http://wordpress.org/extend/plugins/slickr-flickr/
http://wordpress.org/extend/plugins/flickr-api/
You can change the widget title with this
#footer .widgettitle {
font-size: 21px;
}
And the content with these
.widget {
font-size: 14px;
}
.minitext {
font-size: 14px;
}
Adjust the value.
Regards,
Ismael
In the Easy Slider, I cannot figure out where in the style sheet to increase the size of the caption text. It’s way too small.
For the main menu, bottom version, I cannot find where to change the font weight to not bold and the color to blue, not grey.
Thank you for your help.
Logo over Sliider Effect Almost Solved
Help Help Help Please! I have darn near every theme, this one Rocks. I have figured out a css solution for overlaying the logo, but I am burnt out and can not find the code to move the menu under scores up – please see http://www.womensclosetexchange.net/ it’s hugely important that I find an answer because A it is diving me mad and B The store is connected to a show premiering on Style Network that has a ton of Press. The site has to come together in the next 24 hours. Plus to boot they are friends and live 3 blocks up the street.
The thin gray line and the nav function that produces cool purple underscore either needs to move up to the on top of the slider or be gone.
Here is the css I used to get there. If you need the logo over slider effect then you will want to change this to your desired height and width within the css
#header_main .container, .main_menu ul:first-child > li a{ height:150px; line-height: 88px; }
#header {
background-color: transparent;
position: relative;
height: 88px;
width: 100%;
z-index: 400;
}
.main_menu {
clear: none;
height: 100%;
line-height: 30px;
height: 88px;
margin: 0;
position: absolute;
right: 0;
z-index: 100;
}
.logo img {
display: block;
height: auto;
max-height: 100%;
padding: 0px 0;
width: auto;
}
.title_container .main-title {
font-size: 16px;
font-weight: 400;
line-height: 2.3em;
margin: 0;
min-height: 36px;
position: relative;
top: 0;
left: 200px;
z-index: 2;
}
Hi,
Use either clipular.com to send screenshots that you don’t need to alter. If you need to add something to screenshot, use https://chrome.google.com/webstore/detail/awesome-screenshot-captur/alelhddbbhepgpmgidjdcjakblofbmce for chrome. You can always add images and get a link on imgur.com
In the video when I always paste the css in Dev Tools at the end of existing css, all under the ‘Sources” tab, what I am doing is making sure that the css actually works since by pasting there, I am adding my changed css at the end of the cascade. When you change things under the “”Elements”” tab, you are virtually changing the css but in the position it is normally located in the cascade.
And no matter how well the Dev Tools have been written, there are situations where bad css and whatnot change things later in the cascade. Thus I don’t rely on my original changes in the ‘Elements”” tab and like to double check them before I paste and save the block of css into my site (or paste it here as an answer to a support request). Its a process of sculpting and tweaking the css to force it to obey.
*Ok lets end this support request since I think with the video and code, this train of thought is complete and will perhaps help others. That other thing you ask about, please open a new ticket since that should have its own discussion, you can add ”nick” as a tag.
Thanks,
Nick
–– Feature Request: Disable breadcrumbs, not the entire header ––
Hi,
in the WP post/page editor, you can currently use the “Header Settings” under “Layout” to either enable or disable the header incl. the breadcrumbs.
Please add an option to “Display the Header, don’t display the Breadcrumb Navigation”.
Thanks,
Andy
================
I second the request from melonmelon:
More flexible Icon-Box – means:
1. allow the additional use of custom icons
2. more styling options (background, font size ect…)
Hi,
1.) You can use this
#top .main_menu .menu li {
float: right;
}
2.) To make the header fixed, you use this
#header {
position: fixed;
}
#main {
padding-top: 155px;
}
3.) You increase the icon size with this
.social_bookmarks .avia-font-entypo-fontello {
font-size: 16px;
}
Regards,
Ismael
Great video Nick although you had me a bit lost in the middle but im deffo learning from you so thx.
So tell me… how can I send you an image to explain this ‘feint line thing’?
Cheers
Andy
Done it! its getting easier.
Thanks for the video too….
Now all I need to do is explain how to actually create this 1px grey solid line that spans the entire menu (Home, Portfolio, Blog, Contact, About Me) and sits behind/at the top of the highlight line we’ve just moved up. I worked out how to make the highlight line 3px deep and adjusted its position
Ill set up a dropdown menu and check that it all still works. I forgot to mention that my aim is to change the dropdown menu background colors and not change the text. Hence… ROLLDOWN – Background is black, ROLLOVER – Highlight background changes to a deep orange and theres a subtle text colour change too. Ill play around myself and see how I get on
Is there a way for me to send you an image?
Once ive done the menu ive pretty much got everything else within the theme as normal. I might want to create a giant slabtext on my home page only but thats it. Just so you know that I wont be sitting on your coat tails for the entire site!!!!!!
Cheers
as always
Hey,
Here is dat video link (in Brooklyn accent) https://docs.google.com/file/d/0B8hqGBMSfHtKa1VmZVRPVU5ZS2s/edit?usp=sharing
Video for Vimeo.. once I trim 8 minutes off it.
Nick