-
Search Results
-
In reply to: Logo Padding, Mega Menu, & Font?
Hi mdlhale,
You should never edit the css files from the theme directly, instead add your css to the Styling tabs Quick CSS field or in the theme files the blank custom.css file which is meant for your own custom css.
For the logo, there isn’t any padding that I can see that might correct what you are describing. The logo gets floated left with this:
div .logo {
float: left;
position: absolute;
left: 0;
}So whatever size it is, its just float: left to be on the left size. If you wanted somethign different, an example showing the logo would help :)
The font in the demo is:
13px/1.65em "HelveticaNeue", "Helvetica Neue",Helvetica,Arial,sans-serifSo, 13px HelveticaNeue.
For the mega menu, if you can show us an example we’ll see why that is happening (it shouldn’t be).
Regards,
Devin
In reply to: Enfold – Making Slab text headings responsive
Hi,
Since you are using the font in all screen sizes there is no need to load it in each of the media queries. Only indicate the changes for that specific query without repeating yourself.
so you would have
/* DECLARE FONTS */
@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:95pt;
margin-bottom:-20px;
letter-spacing:-0.0em !important;
font-weight: 200 !important;
}
/* #Media Queries========================================================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width:959px) {
h6 {
font-size:80pt !important;
margin-bottom: 20px !important;
}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width:768px) and (max-width:959px) {
h6 {
font-size:70pt !important;
margin-bottom: -15px !important;
}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
h6 {
font-size:60pt !important;
margin-bottom: -20px !important;
}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width:480px) and (max-width:767px) {
h6 {
font-size:80pt !important;
margin-bottom: -20px !important;
}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {
h6 {
font-size:50pt !important;
margin-bottom: -10px !important;
}
}Be careful when using a very broad selector like h6, it has no specificity and is defined many times in the theme with much higher specificity which will override/counterfeit your code very easily.
You also do not need this block … @media only screen and (max-width:767px) { …or this block ….@media only screen and (max-width:959px) { …. can you think of one screen size where the blocks of code below it aren’t already targeting it? the only reason for 767 that i can think of is for the dropdown menu for all small screens, but 959…. dont know
Thanks,
Nick
Hi,
Just wondering how to increase the paragraphs and also the font sizes in enflold.
The paragraphs are currently too close together.
In reply to: Does the contact form have a file submit?
Hi,
You can style the Gravity Forms font with this
.gform_wrapper {<br /> font-family: Arial !important;<br /> font-size: 14px !important;<br /> color: red;<br /> }Regards,
IsmaelIn reply to: Enfold – Making Slab text headings responsive
Hi,
It depends on what device you are trying to target. You only need this if you’re trying to target screens with 959px resolution and lower that includes iPad, iPhone and other mobile devices.
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
@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: 80pt !important;
margin-bottom: 20px !important;
letter-spacing: -0.0em !important;
font-weight:200 !important;
}
}Regards,
Ismael
In reply to: Enfold – Making Slab text headings responsive
BIG BIG thanks… Although it seems rather long winded for one heading. Would there be a short-hand version or a better way to write this:
SEE BELOW…..
/* DECLARE FONTS */
@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: 95pt !important;
margin-bottom: -20px !important;
letter-spacing: -0.0em !important;
font-weight:200 !important;
}
/* #Media Queries
========================================================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
@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: 80pt !important;
margin-bottom: 20px !important;
letter-spacing: -0.0em !important;
font-weight:200 !important;
}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
@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: 70pt !important;
margin-bottom: -15px !important;
letter-spacing: -0.0em !important;
font-weight:200 !important;
}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
@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: 60pt !important;
margin-bottom: -20px !important;
letter-spacing: -0.0em !important;
font-weight:200 !important;
}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
@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: 80pt !important;
margin-bottom: -20px !important;
letter-spacing: -0.0em !important;
font-weight:200 !important;
}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
@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: 50pt !important;
margin-bottom: -10px !important;
letter-spacing: -0.0em !important;
font-weight:200 !important;
}
}
In reply to: Enfold – Making Slab text headings responsive
Hi,
For example, you want to apply the style when viewing on a mobile device, you should use this
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
@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;
}
}The font will only apply if the user is viewing on a mobile device.
Regards,
Ismael
In reply to: Insert a new font
In reply to: Menu Font Changes
Hi,
You should use this
#top .main_menu .menu li ul a {
width: 100%;
height: auto;
float: left;
text-align: left;
line-height: 23px;
padding: 8px 15px;
font-size: 12px;
min-height: 23px;
max-width: none;
text-decoration: none;
}Regards,
Ismael
In reply to: Insert a new font
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.
In reply to: Enfold – Making Slab text headings responsive
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;
}
In reply to: Enfold – Making Slab text headings responsive
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!
Topic: Layer Slider **ISSUES**
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
In reply to: Enfold – FOOTER Fonts sizes & Flickr plugin
Hi,
Maybe you can add that on js > avia.js, find this code then place your code above it.
//
// responsive menu function
//
Regards,
Ismael
In reply to: Icon List size adjustment
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
In reply to: Enfold – FOOTER Fonts sizes & Flickr plugin
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
Topic: Icon List size adjustment
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
In reply to: Menu Font Changes
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
In reply to: Font size questions
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
In reply to: nav menu questions
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
In reply to: Font size questions
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.
In reply to: XING icon
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
In reply to: mega menu – sublink nicht korrekt dargestellt
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.
In reply to: Enfold – FOOTER Fonts sizes & Flickr plugin
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 );
});
In reply to: Enfold Feature Requests
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?
Topic: Using a third-party slider
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!
In reply to: Font size questions
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
In reply to: Enfold – FOOTER Fonts sizes & Flickr plugin
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
Hi there,
Can you tell me how to change the size of the fonts in the Footer, namely the widget header titles and main content?
Can you suggest an easy but flexible Flickr widget that I can use in the footer that will compliment the theme and not screw up everything. Ive tried a few and its just a mess.
Cheers
