-
Search Results
-
Hi,
Can you give us a link to your website? The color pink is for the text color of inactive tabs. You this instead
.tab {
background-color: blue;
color: pink !important;
font-size: 20px;
}Cheers,
Ismael
In reply to: Font size questions
In reply to: Font size questions
Hi Ismael,
Adding the CSS in the Quick CSS or the custom.css didn’t work for me. Still shows as small –
/* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */
.avia-caption-title {
font-size: 25px;
}
.avia-caption-content {
}
Hi Ismael,
Please can you check the last code for me. I got the blue to show-up but the pink did not show-up. Please check.
Also, how can i increase the font sizes and the icon sizes on the tabs?
Kind regards,
MK
I tried this short code, but it just shows up as is, no promobox just shortcode.
[av_promobox button='yes' label='Enter Here' link='manually,#' link_target='' color='silver' custom_bg='#444444' custom_font='#ffffff' size='large' icon_select='yes' icon='109']
Learn more
[/av_promobox]
In reply to: Icon embed into text block
You can wrap the shortcode into an ahref element like:
<a href="http://google.com"> [av_font_icon color="" icon="185" size="12px"] </a>Tbh I don’t want to “bloat” this shortcode – if we start to add a link field we also need to add a “target” field (same window/new window), a styling field, etc. – eventually all these fields will be irritating for the user and they’re actually unnecessary because you can use the visual editor and the link icon to turn any content (even shortcodes) into links without coding.
In reply to: Header space
Hi,
1. The header no longer has a gap between menu and top using Chrome, FF, and IE10 . Where do you see a gap and using what browser? http://www.clipular.com/c?6174232=rAJ9MxLXR2ZzeYMGDQwUOR-f9OA&f=a706922a622bfae41703f306ea414436
2. What you will need to do is use a shortcode for the green information button inside each of the text-blocks. Here is the shortcode
[av_button label='Click me' link='page,218' link_target='' color='green' custom_bg='#444444' custom_font='#ffffff' size='large' position='right' icon_select='no' icon='']You will need to edit the label, and for the link , you can chose the ID of the page where you want the link to go to. So this will generate the green button. To display the Boek Nu link on the same line as the button, add it after the button shortcode below the button shortcode . http://www.clipular.com/c?6172260=q_gWPjkVzgUQFbcWbt3LRNEMUB0&f=6fe682a4b390268ff7e7e4ef13be8d1c
OFF TOPIC
Your logo is being resized making it blurry at small screen sized. You can either use this css to make it fit at 200×100 (as it is now)
#top .logo img {
width: 200px;
height: 100px !important;
}
#header_main .container, .main_menu ul:first-child > li a {
height: 100px!important;
line-height: 100px!important;
}or you will need to resize your logo to 156×88 (the size its being displayed now via resize)
Thanks,
Nick
In reply to: Icon embed into text block
1) No, just write 📞 and the character will be displayed. There’s no need to specify the font family because the icons are not “standard” characters but they’re part of the private use area: http://en.wikipedia.org/wiki/Private_Use_(Unicode)
That said we’ll include a “font” shortcode in the next version (I already created it and sent the patch to Kriesi) and then you don’t need to take care of the unicode anymore.
2) The shortcode will support a line-height/color option too. Personally I’d wrap the icon into a span – then you can use the style attribute like:
<span style="color: #333; line-height: 20px; font-size: 20px;">📞</span>In reply to: Menu Font Changes
Hi,
This really works. Please don’t remove the !important.
.current-menu-item a {
color: red !important;
font-size: 20px !important;
font-weight: bold !important;
}This is what I see, when I apply the code above. The current page is “Welcome”.
Regards,
Ismael
In reply to: font size
Hey!
Insert following code into the quick css field:
body {
font: 14px/1.65em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}Replace 14px to change the font-size and 1.65em to change the line height.
Best regards,
Peter
Topic: font size
In reply to: Enfold – Responsive Slide Out Menu **ISSUE**
Nick – Just had a thought and wondered if I could kill two birds with one stone without having to go live…
If this doesnt help you then let me know and ill get the first few pages uploaded
Here’s my thoughts
I’ve attached a link to a set of images that outline three things
a) what I want to achieve overall with the nav (look n’ feel) as created in Photoshop
b) what I’ve achieved thus far (still missing the feint grey line we’ve discussed before)
c) whats going wrong in responsive mode
Here’s the link to the images I’ve grabbed:
http://www.clipular.com/c?6044013=M66Ac_fn-H0sYdLewieu-vVGIMA&f=eb6d72c77f6f72f1ab09eaf9b55d3d7c
so…….
two things:
1) Can you help me create the feint line still missing from the top of the nav (see image). Its 1 px deep and spans the width of my menu, its grey, should be responsive and allow the HIGHLIGHT BLOCK to travel along it. Obviously, I may add sections so it needs to adapt when I add or take away pages
2) Can you help me remove the superfluous thick line that appears in the slide out responsive menu. I don’t want it at all in this mode. I just want the menu to behave/look like yours in the demo.
Here’s the code I’m using to adapt the nag (as requested)
/* MENU BORDERS */
#top .main_menu .menu ul li:last-child>a {
border-bottom-style: solid;
border-bottom-color: #33302b;
border-bottom-width: 1px;
border-top-style: solid !important;
border-top-color: #33302b !important;
border-top-width: 1px !important;
}
#top .main_menu .menu ul li a {
border-right-style: solid;
border-right-color: #33302b;
border-right-width: 1px;
border-left-style: solid;
border-left-color: #33302b;
border-left-width: 1px;
}
#top .header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {
border-top-color: #423e38; !important;
border-top-style: solid;
border-top-width: 1px;
}
/* Top Menu width spacing */
#top .main_menu ul:first-child > li > a {
margin-top: 1px;
padding: 0 10px;
}
#top .container_wrap {
border-top-width: 2px;
}
/* Main Menu - ROLLOFF TEXT */
#top .header_color .main_menu ul:first-child>li>a {
padding-top: 7px !important;
color: #eee6de ;
font-size: 1.4em;
letter-spacing: 0.0em;
font-weight:400;
}
/* Main Menu - ROLLOVER TEXT */
#top .header_color .main_menu ul:first-child>li>a:hover {
color: #d83300;
font-size: 1.4em;
letter-spacing: 0.0em;
font-weight:400;
}
/* Main Menu - SUB MENU OFF */
#top .main_menu .menu ul li>a {
color: #e2e2e2;
font-size: 1.2em;
letter-spacing: 0.0em;
font-weight:400;
}
/* Main Menu - SUB MENU HOVER */
#top .main_menu .menu ul li>a:hover {
color: #e2e2e2 !important;
background-color: #d83300;
}
/* Main Menu - HIGHLIGHT BLOCK */
#top .avia-menu-fx {
display:block;
position:absolute;
top: 28px;
border-style:solid;
border-width:2px;
}
/* HEADER - BOTTOM LINE (attached to slider) */
#header_main {
border-bottom-style: solid;
border-bottom-color: #3b3330;
}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
