-
Search Results
-
Iam new to WP. i am using enfold child theme. because i don´t want the updates mess up changes i made
3 questions
1. How i can get a solid collor progress bars, without de stroboscopic effect? it is possible?
2. Icon box when i use it theres is like a deffault size for them, wich is ok, but in some cases there are to big for the diagramation /lay out i am using in a page, is there an easy way to meake them smaller?
3. I need to use “novecento” font, that is not included in the theme, how can i use it?
My mother tonge is spanish, sorry for the rough english
thanks
In reply to: Problems with iPad.
Hi,
Please upgrade to Enfold 1.8.2.
You can decrease the padding and the font size when viewing on iPad portrait mode. Add this on your custom.css or Quick CSS
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 7px;
font-size: 11px;
}
}Regards,
Ismael
In reply to: Setting Navigation Text Color, Setting Font Size
Hi,
You can use this codes on your custom.css or Quick CSS:
– Change navigation menu (only below logo) background color
.header_color .main_menu ul {
background: red;
}– Change navigation menu font size
.bottom_nav_header.social_header .main_menu ul:first-child>li a {
font-size: 15px;
}Change navigation menu padding
.main_menu ul:first-child > li > a {
padding: 0 20px;
}Change the values.
Regards,
Ismael
Hi,
I want to increase the H1 heading font size on internal pages. I’ve tried previous support suggestions of quick CSS changes like this:
h1 { font-size: 34px; }and
.template-page .entry-content h1 { font-size: 34px;}But this only affects the H1 on the home page. I want to enlarge the H1 on internal pages – an example page on my site (under construction) is http://welloptimised.com.au/website-optimisation/content-marketing/
Can you please advise how / where I can make that change?
Thanks a lot,
Steve
I’ve been pulling my hair out for hours trying to customize colors that don’t exist in the CSS style sheet (colors made up by the theme).
What I need to accomplish is:
– Change navigation menu (only below logo) background color
– Change navigation menu font size
– Change navigation menu padding
Can you provide some insight on overriding these phantom colors?
The Quick CSS box seems like it could be a useful feature, but it’s almost impossible to figure out without digging into your source code and reverse engineering the theme.
Assistance would be appreciated!
I have an issue with breadcrumbs and superscripting.
Any breadcrumb text that does not have superscripting shows fine, but any breadcrumb text that has superscript (using the <sup>) is shifted down so that the top of the superscript text is in line with the top of the other text.
Here is a pic of what I mean
http://i41.tinypic.com/2popezk.jpg</IMG>
The only thing that I’ve done to superscripts is to add the following code in custom.css:
body#top sup{
vertical-align: super;
font-size: 60%;
}
Any suggestions? Breadcrumbs don’t look great with this issue.
In reply to: How to change font size for the entire theme?
Hi,
Please go to Enfold > General Settings, and the first dropdown allows you to select one of two sizes as well as the non-responsive option.
Thanks,
Nick
In reply to: Add link to icon font short code
I see what you mean now. Yes it does inherit the site wide link color once it becomes a link. So you want need to target it directly in order to change the color or wrap the icon shortcode in a url from the Text tab instead of adding the link directly to the icon. Eg:
<a href="http://google.com">
[av_font_icon color="#606060" icon="65" size="40px" position="left" link="" linktarget="no"]
</a>Regards,
Devin
In reply to: Some help with a new install [formatting]
Finally got 2. to work – including aliasing the google font
fyi adding font-weight: normal; fixes that jagged font issue
/*top menu font & size*/
#top .main_menu .menu li > a {
font-family: “Pathway Gothic One”, sans-serif;
font-size: 20px;
font-weight: normal;
}
/*Top submenu size*/
#top .main_menu .menu li ul a {
width: 100%;
height: auto;
font-size: 16px;
font-weight: normal;
}
Hi, first off I wanted to say this is an amazing theme, and super easy to setup as I’ve never used WordPress up to now, so a huge thanks!
I wanted to ask a quick question though, as the site can currently freeze and crash browsers on iphones when we view it.
It seems to be since we have built in the parallax (ie fixed) background image on a colour space with text overlayed (or it could potentially be the layerslider as well).
What is the best way to turn off these sections on mobile? or better hey is it possible to switch the ‘fixed’ background image to a standard scrolling one on mobile?
The main offending page is the homepage of our site over at http://www.syncinteractive.co.uk
As we’re a mobile specific company, it’s not great if our mobile site crashes ;)
I’ve tried adding the following in from another thread I found to the custom css:
/*
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: 1024px) {
/* Add your Mobile Styles here */
.main_menu ul:first-child > li > a {
padding: 0 10px;
font-size: 11px;
}
}
and edited the above (although we need the above in for something else) to point to the layerslider but I’m obviously not doing it right as it refused to hide it when on smaller screens.
Any help you can provide would be very much appreciated!
In reply to: Enfold tablles
Hi,
You are using version 1.6 of the theme while the current version is 1.81 , please update since quite a lot has improved.
—-
I looked at your code. you have links with this js onclick=”window.open(this.href,’livedealer_popup’,’height=500,width=500,scrollbars=yes,menubar=no,resizable=0,status=0,titlebar=0′);return false”
That will look bad on smart phones since height is in there.
—
Ok I will show you here briefly how to target the table and use media queries to resize it. We will take control away from html so your 100% width tag will be ignored, and give it to css. We will be targeting 4 screen sizes (you can add more yourself since this isn’t rocket science exactly): monitor, tablet landscape, table portrait / smartphone landscape, and smartphone portrait. Just add the code below to /css/custom.css … If your pages are pretty much the same format as this one, the code i will give will work for all pages.
.entry-content tr:nth-child(odd) {
background-color: #fbfbfb !important;
}
/*odd*/
.entry-content tr:nth-child(even) {
background-color: #e8ecee !important;
}
/* even*/
.entry-content tr:hover {
background-color: #fffbae !important;
}
/* hovering */
.entry-content table {
display:inline-table;
border:collapse;
width: auto;
}
/*
*/
@media only screen and (min-width:768px) and (max-width:989px) {
.entry-content table {
font-size:.7em;
}
.entry-content table tr td {
font-size:1.2em;
}
.responsive .container {
width:97%;
}
.responsive .container .twelve.units {
width: 99%;
}
}
/*
*/
@media only screen and (max-width:767px) {
.entry-content table {
font-size:.6em;
}
.entry-content table tr td {
font-size:1.1em;
}
.responsive .container {
width:77%;
}
.responsive .container .twelve.units {
width: 79%;
}
}
/*
*/
@media only screen and (max-width:479px) {
.entry-content table {
font-size:.6em;
}
.entry-content table tr td {
font-size:1.1em;
}
.responsive .container {
width:67%;
}
.responsive .container .twelve.units {
width: 69%;
}
}
/*
*/You need to play with the numbers while at different screen sizes to get it just right, but you have enough there to get you started.
But I think on smartphone screen sizes, the only viable thing would be to remove about 1/2 the columns and only leave the 3-4 most relevant ones. That can also be done with css.
Thanks,
NIck
Hi there,
Sorry to dump a load of requests but I wonder if you can help me. I have checked the forum and several solutions dont seem to work for me. The font formatting just will not apply
I am;
1. Trying to get the logo centered above the navigation menu (also centered)
2. Change the font and font size for the navigation menu
3. When inserting a video in the theme builder – how can I set the parameters for it ? ( Im looking at vimeo)
and finally
4. when inserting a gallery – the theme ignores the thumbnail sizing for preview. It only resizes based on the number of columns chosen.. I would like 3 columns with 200x200px but this always is ignored and I get something like 3 columns and 450px (full width)
Thanks so much in advance… loving this theme !
In reply to: Font Icon in Header
Hi,
You can do this.
. I tried using Custom Links and entered this as a label, but i think it will also work on regular labels for menu items: (if you dont see a house icon in code below but gibberish, you need to create a page that uses the icon you want in some other way (icon box for example) then view the source and copy it from there, just make sure you are keeping the classes i am using in css i posted or it will not work. It would be best if you copied the code i pasted here.
In Appearance > Menu paste this code as the Navigation Label
<div class="menu-home avia-font-entypo-fontello">⌂</div>and add this css code to your /css/custom.css or to quick css
.menu-home.avia-font-entypo-fontello {
color: blue;
font-size: 2.4em;
top: -5px;
position: relative;
opacity: 100 !important;
display: block !important;
}and if you want a change of color on hover you can add this block of css
.menu-home.avia-font-entypo-fontello:hover {
color: green;
}Mine turned out like this http://i.imgur.com/4jR3WCk.png
Thanks,
Nick
In reply to: Menu flows under Logo on iPad – How to fix
Hi,
You can decrease the font size and the padding of the menus before they switch to slide or dropdown. Add this on your custom.css or Quick CSS
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child>li>a {
padding: 0 7px;
font-size: 11px;
}
}Regards,
Ismael
Hi Dude,
thank for helping me out. Sorry for editing, but i did not see the respective code at once, but finally here it is. The issue appears in the Team Members section.
[av_one_half first]
[av_heading heading='Juan Roos Schlagzeuglehrer' tag='h3' color='meta-heading' style='' padding='10']
[av_textblock ]
<div>
Als ehemaliger Schüler von Dirk Rosenbaum uns Absolvent des Drummers Collective ist Juan Roos aktiver Live und Studiodrummer. Er arbeitete unter anderem als Musiker in Los Angeles, und unterrichtet seit 2007 bei der Musikzentrale.Zur Zeit ist er Drummer bei “Hanna”, der Soul Coverband Funksoulicious sowie als Workshopdozent tätig.
“Meine musikalische Laufbahn begann im Alter von 12 Jahren. Nach einem unglücklichen Versuch meiner Eltern mir das Orgelspielen näherzubringen, fand ich meine Erfüllung im Schlagzeugspiel. Auslöser hierführ war ein Live-Video der Band Genesis, das mir mein Onkel schenkte. Fasziniert von den riesigen Schlagzeugen die auf der Bühne standen, war es um mich geschehen und fortan gab es nur noch ein Ziel für mich: “Ich will ein Schlagzeug!”
Zum Leidwesen meiner Nachbarn gaben meine Eltern meinem Drängen nach. Mein erstes Schlagzeug fand sein neues zu Hause in meinem Jugendzimmer und fortan spielte ich jeden Tag für mehrere Stunden. Die ersten Rhythmen lernte ich durch kopieren der Bewegungen die ich auf der Genesis Live Videokassette genauestens studierte. Schnell kamen die ersten Erfolgserlebnisse. Zwei Jahre später spielte ich in meiner ersten Band. Ich war das Küken und legte mich mächtig ins Zeug um mit meinen wesentlich älteren Bandkollegen mithalten zu können. Nach einiger Zeit nahm ich dann auch Schlagzeugunterricht bei Dirk Rosenbaum, der maßgeblich für meine spätere Entwicklung als Musiker verantwortlich war.
Viele musikalische Projekte später entschied ich mich für eine Ausbildung am Drummers Collective.Nun sind seit den Anfängen meiner ersten musikalischen Schritte 25 Jahre vergangen und ich unterrichte nun selbst seit einigen Jahren Schlagzeug. Seit einigen Jahren bin ich Berufsmusiker und habe Erfahrungen auf mehreren Kontinenten sammeln können, habe auf den großen und kleinen Bühnen dieser Welt gespielt.”</div>
<div></div>
[/av_textblock]
[av_hr class='short' height='50' shadow='no-shadow' position='center']
[av_button label=' Probestunde bei Juan buchen' link='page,1471' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='yes' icon='52']
[/av_one_half]
[av_one_half]
[av_team_member name='Juan Roos' job='Schlagzeug' src='http://www.musikzentrale.net/wp-content/uploads/2013/04/juan-roos-schlagzeuglehrer-musikschule-musikzentrale.jpg' attachment='' description='Juan unterrichtet Schlagzeug an der Musikzentrale in Gießen, Wettenberg und Wetzlar.']
[av_team_icon title='E Mail an Juan' link='kontakt' link_target='' icon='5']
[av_team_icon title='Juan auf Facebook' link='https://www.facebook.com/juan.roos.7' link_target='_blank' icon='212']
[av_team_icon title='Juans Website' link='http://www.juanroos.com/' link_target='_blank' icon='77']
[av_team_icon title='Juans Videos' link='http://www.youtube.com/user/BeatboxDrumschool' link_target='_blank' icon='146']
[/av_team_member][/av_one_half][av_section color='footer_color' custom_bg='#ffffff' src='https://www.musikzentrale.net/wp-content/uploads/2013/04/schlagzeugunterricht-musikschule-musikzentrale.jpg' position='center center' repeat='stretch' attach='fixed' padding='large' shadow='shadow']
[av_one_third first]
[av_heading heading='Juans Galerie' tag='h3' color='meta-heading' style='blockquote modern-quote' padding='10']
[av_video src='https://www.youtube.com/watch?v=pcsNfb6RCgI' format='4-3' width='16' height='9']
[av_gallery ids='4888,4889,4890,4891' style='big_thumb' preview_size='portfolio' thumb_size='portfolio' columns='4' imagelink='lightbox']
[/av_one_third][av_two_third]
[av_heading heading='Juans Kollegen' tag='h3' color='meta-heading' style='blockquote modern-quote' padding='10']
[av_portfolio categories='30' columns='4' items='-1' contents='title' linking='' sort='no' paginate='no']
[/av_two_third]
[/av_section]
As far as i can see, the links are set properly and should work, but in the frontend those weird stuff appears.
Any ideas?
Thanks, Sebastian
In reply to: Postslider bug
1) Personally I can’t reproduce the issue and the j,g, p, etc. letters display just fine for me. However try to insert following code into the quick css field
.avia-content-slider .slide-entry-title {
font-size: 14px;
line-height: 1.4em;
}and change the font size and/or line height value – this should fix the issue.
2) You can activate the excerpt field with the “Screen Options” in the top right corner of the post/page editor page
In reply to: Slide out menu on ipad not working properly
Hi,
You can adjust the padding and the font-size of the menu on screen widths just before they switch to mobile or slide menu. Use Media Queries on your custom.css or Quick CSS
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child>li>a {
padding: 0 7px;
font-size: 11px;
}
}Regards,
Ismael
My dropdown menu was working correctly (building the site at present) but suddenly it became huge, with a large font size in black instead of gray, and spreads horizontally across the page. (The ubermenu is still working fine – no changes)
In Theme Options – Header: “small fixed header” and “display as a dropdown menu” are selected.
Should I be looking at settings somewhere else?
Thanks
Jenn
Topic: Font Icon in Header
Hello all, I would like to use a font icon in the main menu, similar to the search icon on the very right.
It would be cool to have the Home House Icon [av_font_icon icon="34" size="40px"] on the left side.
Does anybody has an Idea how to manage this?
Writing the shortcode into the menu item input field “displayed name”(german “angezeigter name”) doesn’t work.
Thyx in advance!
chilli-mind
In reply to: Testimonial Slider
Hi,
I’m afraid you have to do it from scratch. Did you check the Trash panel? You can restore deleted posts and pages from there. Anyway, this is the full shortcode for the Pricing page on the dummy data.
[av_section color='alternate_color' custom_bg='' src='' position='top left' repeat='no-repeat' attach='scroll' padding='default' shadow='no-shadow']
[av_table purpose='pricing' caption='']
[av_row row_style='avia-heading-row'][av_cell col_style='']Private Plan[/av_cell][av_cell col_style='avia-highlight-col']Business Plan[/av_cell][av_cell col_style='']Mega Plan[/av_cell][/av_row]
[av_row row_style='avia-pricing-row'][av_cell col_style='']10$
<small>per month</small>[/av_cell][av_cell col_style='avia-highlight-col']20$
<small>per month</small>[/av_cell][av_cell col_style='']50$
<small>per month</small>[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']1 GB Bandwidth[/av_cell][av_cell col_style='avia-highlight-col']10 GB Bandwidth[/av_cell][av_cell col_style='']Unlimited Bandwidth[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']10 MB Max File Size[/av_cell][av_cell col_style='avia-highlight-col']50 MB Max File Size[/av_cell][av_cell col_style='']No Maximum File Size[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']3 GHZ CPU[/av_cell][av_cell col_style='avia-highlight-col']5 GHZ CPU[/av_cell][av_cell col_style='']5 GHZ CPU[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']256 MB Memory[/av_cell][av_cell col_style='avia-highlight-col']1024 MB Memory[/av_cell][av_cell col_style='']4 GB Memory[/av_cell][/av_row]
[av_row row_style='avia-button-row'][av_cell col_style=''][av_button label='Get Private Plan' link='manually,http://' link_target='' color='theme-color-subtle' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='yes' icon='25']
[/av_cell][av_cell col_style='avia-highlight-col'][av_button label='Get Business Plan' link='manually,http://' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='yes' icon='29']
[/av_cell][av_cell col_style=''][av_button label='Get Mega Plan' link='manually,http://' link_target='' color='theme-color-subtle' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='yes' icon='44']
[/av_cell][/av_row]
[/av_table]
[/av_section]
[av_one_half first]
[av_heading heading='Business Plan Info' tag='h3' color='meta-heading' style='' padding='10']
[av_textblock ]
Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
<h4>Nulla consequat massa quis enim?</h4>
[av_dropcap1]D[/av_dropcap1]onec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
<h4>Vivamus elementum semper nisi?</h4>
[av_dropcap1]A[/av_dropcap1]enean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius lallus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.
<h4>Aenean imperdiet?</h4>
[av_dropcap1]E[/av_dropcap1]tiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
[/av_textblock]
[/av_one_half]
[av_one_half]
[av_heading heading='Mega Plan Info' tag='h3' color='meta-heading' style='' padding='10']
[av_textblock]
Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.
<h4>Aenean imperdiet?</h4>
Aenean commodo ligula eget dolor. Aenean <strong>massa</strong>. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
<h4>Nulla consequat massa quis enim?</h4>
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
<blockquote>Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.</blockquote>
Aenean commodo ligula eget dolor. Aenean <strong>massa</strong>. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
<h4></h4>
[/av_textblock]
[/av_one_half]
[av_heading heading='FAQ' tag='h3' color='meta-heading' style='' padding='15']
[av_toggle_container initial='1' mode='accordion']
[av_toggle title='Are there additional costs?']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. <strong>Aenean</strong> massa. Cum sociis natoque penatibus et magnis dis parturient montes, <strong>nascetur</strong> ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_toggle]
[av_toggle title='Support Included?']
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. <strong>Vivamus</strong> elementum semper nisi. Aenean vulputate eleifend tellus.
[/av_toggle]
[av_toggle title='How to set up the theme?']
Nullam sagittis. Suspendisse pulvinar, augue ac venenatis <strong>condimentum</strong>, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Vestibulum ante <strong>ipsum</strong> primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero. Phasellus dolor. Maecenas vestibulum mollis
[/av_toggle]
[av_toggle title='What about Refunds?']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et <strong>magnis</strong> dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_toggle]
[av_toggle title='Can I change Plans or cancel at any time?']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <strong>Aenean</strong> commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_toggle]
[/av_toggle_container]
[av_section color='socket_color' custom_bg='' src='' position='top left' repeat='no-repeat' attach='scroll' padding='default' shadow='no-shadow']
[av_promobox button='yes' label='Sign Up' link='manually,http://' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' icon_select='yes' icon='6']
Start your no-strings-attached free trial! Your first 30 Days of use are free and if you are unsatisfied at any point in the future we give you a full refund on your last payment!
[/av_promobox]
[/av_section]Regards,
Ismael
In reply to: Datepicker styling
Hi,
You can add this on your custom.css or Quick CSS
#wp-calendar td, #wp-calendar th {
text-align: center;
font-size: 11px;
padding: 3px;
background: white;
}Regards,
Ismael
In reply to: Customizing info and functionality on blog posts
Hi,
You can add something like this on your custom.css or Quick CSS
.news-headline {
font-size: 13px;
}Regards,
Ismael
In reply to: Change text and Source only the logo bigger
Hi,
You can change the font on Enfold > Styling. You can also something like this on your custom.css or Quick CSS
body {
font-size: 15px;
font-family: Open Sans;
}Upload a bigger logo then specify the height with this.
/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 200px; line-height: 200px; }Regards,
Ismael
In reply to: Customizing info and functionality on blog posts
In reply to: Avia Framework messes up layout
this is the code generated as seen on firebug, as you can see, instead of 5 columns, system renders first 2 and the third breaks layout that comes next on syntax, and makes it DISAPPEAR from avia framework.
<br />
<div class="post-entry post-entry-type-page post-entry-734"><div class="entry-content clearfix">
<div class="avia_textblock"><h1 style="text-align: center; font-weight: 200; font-size: 2.7em; text-transform: none;"><a href="http://dm-c.it/riservata/adaptive/settori/"><span style="color: #005cb9;">La rivoluzione del Printing & Packaging in 5 semplici punti.</span></a></h1>
</div>
<div class="flex_column av_one_fifth first avia-builder-el-2 el_after_av_textblock column-top-margin">
<div class="avia_textblock"><div class="avia-font-entypo-fontello icona-colonnehomepage-dmc"></div>
<h3 style="text-align: left;"><a title="DEFINIZIONE" href="./prodotti/">DEFINIZIONE</a></h3>
<p>Progetto del tracciato di fustella e applicazione della grafica. Realizzazione del mock-up…
<a href="./prodotti/">continua</a></p>
</div>
</div>
<div class="flex_column av_one_fifth avia-builder-el-4 el_after_av_one_fifth column-top-margin">
<div class="avia_textblock"><div class="avia-font-entypo-fontello icona-colonnehomepage-dmc">⚙</div>
<h3 style="text-align: left;"><a title="AVVIO" href="./prodotti/">AVVIO</a></h3>
<p>Visto si stampi. Finalizzazione degli impianti di stampa e avvio del ciclo produttivo…
<a href="./prodotti/">continua</a></p>
</div>
</div><div class="flex_column av_one_fifth avia-builder-el-6 el_after_av_one_fifth avia-builder-el-last column-top-margin"></div><p></p>
<div class="avia_textblock"></div>
<div class="avia-font-entypo-fontello icona-colonnehomepage-dmc">
</div></div></div>In reply to: Make Content Elements appear in the LayerSlider WP?
Hi,
You can actually copy the actual html code of the progress bar then enclose it on a unique div. Something like this
<div class="layerslider-progressbar"><div class="avia-progress-bar-container avia_animate_when_almost_visible avia-builder-el-0 avia-builder-el-no-sibling avia_start_animation"><div class="avia-progress-bar theme-color-bar icon-bar-no"><div class="progressbar-title-wrap"><div class="progressbar-icon avia-font-entypo-fontello"><span class="progressbar-char">⚒</span></div><div class="progressbar-title">Skill or Task</div></div><div class="progress avia_start_animation"><div class="bar-outer"><div class="bar" style="width: 100%" data-progress="100"></div></div></div></div></div></div></div>Then add this on your custom.css or Quick CSS.
.layerslider-progressbar {
width: 600px;
height: 50px;
}We specify the width of the layerslider-progressbar div because the progress bar needs to inherit the size the parent element.
Regards,
Ismael
Topic: Avia Menu – Repositioning
Hey Guys,
as I thought, my customer wants some modification to the main layer of the avia navigation. You may take a look at http://www.pcamobile.de/startseite/. You’ll notive the white right aligned area within the header… yeah, the menu should go there. *yikes*
I’ve figured out everything so far (reverse css engineering, doh), but there are a few difficulties.
1. The header size is set via jQuery (avia.js > avia_header_size) depending on the scroll event.
2. Repositioning with top:xx won’t do it…
Wait, I think I got an idea… if I would change the height of the top css too… gonna try it now…
Yep, works. Sometimes you have to start a thread to get the idea… lol… I’ll post this anyways.
So if someone likes to modify the avia menu position, you should add this css:
/* Main Navigation Mods */
.main_menu {height:25px; top:92px; right:-30px;}
.main_menu ul li a {height: auto !important; line-height: 20px !important;}
.main_menu ul:first-child > li > a {padding:0 7px; font-size:11px;}
#header .avia_mega_div {margin: -1px 0 0 0; padding: 1px 0 0;}
If you like the dynamic height of the header, you’ll have to mess with the avia.js located in js/ folder. I reposition the whole menu using a distance from top on .main_menu wrapper. So you have to add this to the function avia_header_size(). I’ve added top_height = $(‘.main_menu’).height() to get the current height of the header, set a static value topH for both full and half size. Then simply add it to the css class: $(‘.main_menu’).css({top: topH + ‘px’});
Don’t get it? Nevermind… it looks crappy anyways… :-/
In reply to: Enfold Feature Requests
my suggestions for theme improvement :
1. support of wp envato kit – for easy theme updates
2. an easy way to change the default circle+arrow hover effect on portfolio/blog thumbs ? (change shape/icon would be just awesome !!!)
3. load from admin panel custom fonts (espec. for your international multi-lingual clients)
4. load from admin panel any google font w/subset selection (eg. cyrillic, greek etc)
5. change image thumbs sizes from admin panel (and not editing php files)
6. sticky header of page builder so it stays viewable in long pages when scrolling down
7. more options in theme panel for styling (font sizes, shortcodes/builder elements colors etc)
8. ability to create new styles (w/o overwriting existing ones)
9. import/export all theme options (incl. styles)
thx for your great work!
In reply to: Ipad portrait view – overlapping logo and promo box
Hi,
That is correct, you can change the padding on mobile view. You can do something like this on your custom.css or Quick CSS
/*
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: 1024px) {
.main_menu ul:first-child > li > a {
padding: 0 7px;
font-size: 11px;
}
}Regards,
Ismael
