Hello —
I love the theme. Thanks for making it. :-)
My question:
I have a logo that is rather large (185 px square) — transparent PNG.
I would like to have this image float above everything else in the header area.
A representation of this image could be seen using picpaste image paster… — the logo would be where the blue paintbrush area is…
http://picpaste.com/topbanner_logo_area-Ps0uCJil.jpeg
When the page scrolls and the “enfold” logo gets smaller, I would like to control the size of that graphic as well.
Can you tell me how you would recommend:
— making the image float above everything else on the page (because it would be halfway in the header area, and halfway into the slideshow area)
— where to adjust the size of the graphic when it gets smaller…
I know this is in the CSS but I always have a great deal of trouble finding exactly how and what to modify! :-(
Thank you!
Nick Thanks for the reply, I decided to use Gravity Forms, thanks for all!!!!
Your support is amazing!
Hi sahussain,
You can change the button color for that page specifically by adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#top.page-id-1167 .ajax_form .button {
background-color: #333;
}
Change that hex color to whatever color you want the button to be.
For the red *, use:
#top .iphorm-required {
color: red;
}
Regards,
Devin
Hi,
I’ve a single post in full width without sidebar. On top of the post I have an image. In Safari and Chrome on MAC, image adjust his size automaticaly when I resize the browser’s window. But that doesn’t work in Firefox (MAC and Windws) and IE (only tested in version 10).
It works with all browser if I add a sidebar… strange!
Any Idea?
Thx
Hi Ivana,
Re-download the files from themeforest today as the most recent bug fix update was 1.7.1. You can then either send it to the developer from before or you can update following the guide I’ve made here: https://vimeo.com/channels/aviathemes/67209750
What the developer may have done is update those files that were changed from your previous version and missed updating the style.css file which dictates the version in the wordpress backend.
I don’t have 1.7 on hand any longer to check if the style.css file wasn’t updated so I can’t say for sure if the file mistakenly said 1.6 when you sent it. If you do still have the previously downloaded files just open up the theme folder and then the style.css file. At the very top will be the version that will display in your wordpress backend.
Regards,
Devin
Hi,
Check every box on that page. ‘Tatisma’ on your image should be the correct one, since it is number 5 checkbox counting from the end , and you checked number 4 from the end which is Comments, and not Discussion.
To completely remove comments from everywhere, please open up single.php in main theme folder, and find line 43 , and add two forward slashes // to it so that it will look like this
// comments_template( '/includes/comments.php');
—
The icons are not images, but are a special font , and are called glyphs. I had a page made where I showed how to add any glyph from http://www.fontello.com (where all the glyphs can be found) directly to the theme. In my example I add a yahoo icon, but it will work the same way with any icon. https://kriesi.at/support/topic/youtube-icon#post-117381
Thanks,
Nick
I need some styling assistance with Single Author Big Preview Pic with Excerpt and read more link
I have set single author big pic with custom preview image set to Portfolio Small (260X185)
What I want to achieve is the following I would give you a link but I am working on a LocalHost.
How do I make the 260×185 image to show in a circle?
I have the image aligned to the left of the page
The title of posts and excerpt are aligned to the bottom of the image to the left
How do I aligned title and excerpt to the top right of the image? For the life of me I cannot figure out where to do this at.
Also for the Multi Author
Is it possible to have everything the way it is set in Multi Author but instead of the Author image in the circle preview have the post image excerpt in the preview?
Thank you in advance for your assistance
I’m trying to link the top menu Skype icon to Skype. I have no idea what address I should put on the header theme options?
Could you help?
Miguel Kieling
What you can do is:
1) Open a blank page or create a new one
2) Add only the testimonial slider and fill it with the right content
3) Click the “Templates” button on the top right of your Avia Layout Builder content
4) Click “Save Entry as Template” and give it a name
5) Close the page (shouldn’t need to save this page)
6) Open the page where you want to add the testimonial slider and click that “Templates” button again
7) Choose the name you gave the testimonial slider and it will be added to the bottom of your page content
Once added, you can reposition it as usual.
Keep in mind that any further changes you make after you saved it won’t be saved to the template. So if you ever lose the testimonial slider, you can add it again from the templates but it will be the version it was when you originally saved that.
It’s better than nothing, and I’m not fond of this method. Just for this issue I don’t use the testimonial slider. It should really be a central item where you change it once and it changes everywhere it’s shown, like a widget etc.
Perhaps there are better alternatives, so best wait for possible feedback from others.
I need to know how to completely remove the colored line / border below the items in the main menu / navigation menu, on top of the submenus that appear, when you hover over the menu item. Many thanks for your kind support.
Illustration: https://dl.dropboxusercontent.com/u/608374/what-i-need-to-remove.png
Hello! I have a small problem. In topic – https://kriesi.at/support/topic/please-contribute-and-translate-enfold, i download LayerSlider-ru_RU.po and LayerSlider-ru_RU.mo files.
I copied the files in the folder /public_html/wp-content/themes/enfold/config-layerslider/LayerSlider/languages/ and /public_html/wp-content/themes/enfold/config-layerslider/LayerSlider/.
Moreover i renamed this files to ru_RU.po ru_RU.mo и also copied the files in the folder /public_html/wp-content/themes/enfold/config-layerslider/LayerSlider/languages/ and /public_html/wp-content/themes/enfold/config-layerslider/LayerSlider/.
I understand that this is stupid, but I tried all the options.
Still, I think that the translation does not work because there is no Laerslider in plug-ins? He is on the menu admin panel, but it is not in plugins!!
RGBA (and HSL) color definitions won’t make it in IE and Opera. You should have a look at progressive enhancements to get things going. To get it straight: IE likes to have it’s very own solution for this.
#top .page-id-2429 #av_section_1 .avia_textblock {
background: rgba(55,55,55,0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FF0080,endColorstr=#99FF0080);
zoom:1;
padding: 5px 10px;
color: #fff;
border-radius: 4px;
}
The Microsoft gradient takes a start and end color. If you look a lil bit closer to the hex value, you’ll notice the two additional digits in front. This is the alpha channel to have it transparent. So if you define 0.6 in RGBA, the digits should be 60. Additionally, the zoom:1 prevents crappy font rendering (somehow).
No worries, found a different thread with a function.php edit.
https://kriesi.at/support/topic/breadcrumbs-change-you-are-here
Thanks!
I forgot to mention that I’m using the vertical tabs on the left.
Your screen cast is using top tabs, probably it didn’t happen on that.
I will try out again.
Hello,
I want to turn off all the comment areas, not just on a spesific page. I have look at what you sent to me but my screen is not the same with your. You can see the screen shots;
https://dl.dropboxusercontent.com/u/4302461/Screen-Shot-1-2.jpg
https://dl.dropboxusercontent.com/u/4302461/Screen-Shot-2-2.jpg
My second questin is about social media icons on the top left area (above the logo) How can I change the icons. I have try to find on FTP but couldn’t see it. If you can tell me the path of icons I can change it for my needs.
Thanks
Hi!
You can use following css code to add a padding before the slider element. Make sure that no other element is used before the slider, otherwise the code won’t work
.avia-fullwidth-slider.avia-builder-el-0{
padding-top: 75px;
}
I’d recommend to insert it into the quick css field.
Regards,
Peter
Hey,
You can try this.
/*
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: 870px) {
#top .avia-slideshow-button.avia-button-light {
padding: 3px 8px;
font-size: 9px;
}
}
Regards,
Ismael
1) Yes, it’s not always possible to combine all elements/shortcodes with each other. There’re some limitations…
2) However afaik the notification shortcode should work with the tabs. I’d use the “shortcode generator” (magic wand icon in the TinyMCE editor field on the post editor screen) to generate the “notification” shortcode. Then copy the shortcode text and insert it into a tab element and save the content. And voila – you should have a notification box inside a tab. I made a short screencast to demonstrate the workflow: http://www.screenr.com/JsgH
3) Please don’t add the shortcode html code directly – wordpress will add paragraph tags to it because of the wpautop filter.
The rgba value syntax seems to be correct. Try to change the color value (this converter will help you: http://hex2rgba.devoth.com/ ) or try to add a !important tag to it:
#top .page-id-2429 #av_section_1 .avia_textblock {
background: rgba(55,55,55,0.6) !important;
}
As there’s no table short codes within a tab content editor, I used the usual HTML table.
But, every time I perform save, several new line break will be introduced on top of these tables I have created.
Can we do anything to prevent this from happening?
Hiya,
this is a bump, as it seemingly affects several of us:
https://kriesi.at/support/topic/advanced-layout-editor-corrupted-or-missing-code#post-123495
This issue is NOT resolved.
~s
Try this one:
#top .page-id-2429 #av_section_1 .avia_textblock {
background: rgba(55,55,55,0.6);
padding: 5px 10px;
color: #fff;
border-radius: 4px;
}
Just to show you the difference between #color and rgba(). ;)
If you like to apply it to all pages, try this selector: .page .avia_textblock
I’d like to edit the social bar at the top of http://1-800shipping.com/wordpress/ to a phone icon next to the phone number, can you help me do that? I’m somewhat familiar with editing CSS and HTML static sites but having trouble making the leap to WordPress. I have dreamweaver hooked to the site, would that be the prefered way to edit the CSS? I’m not finding a way to do something like that within the wordpress admin page. Much thanks in advance!!!
Hi, this topic is not resovled. I am also having the same issue, that my Advanced Layout Builder is nothing.. tried all plugins, and nothing.
Should I try reuploading the theme or something?
Lots of great ideas! Thanks for all the ideas everyone I know Kriesi is actively reading the topic and adding things as he is able so keep it up :)
Regards,
Devin
Hi
The text block by itself doesn’t have an actual background so you need to add it in manually with css. Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#top.page-id-2429 #av_section_1 .avia_textblock {
background: #fff;
}
What this will do is target that specific page by its ID (2429) and then the color sections’ textblock inside of it.
Regards,
Devin
Hi,
I am still trying to figure out what the problem is. You keep mentioning a sidebar though i don’t see one on either of the links. If you want to have sidebar, full screen and then sidebar, or any combination of sidebar and full screen, the way to do it is by using the widget area in place of a sidebar.
Take a look at this http://www.clipular.com/c?7708069=9VaXJSGLR6AfMuVe33WZKUjKVqg&f=.png
The colored areas above and below the sidebar are full fidth. and the sidebar is actually a widget area. The css code I used to style it is found here. https://kriesi.at/support/topic/sidebar-question-1#post-118753
Thanks,
Nick
First let me say that the Enfold Theme is TOP NOTCH high quality stuff. I don’t think I have ever run across a theme that is this well done. I appreciate all the hard work that has been put into it in order to make my life easier and more profitable. Thank You!
Now… I have a client that needs the “additional header with social icons” to be the primary menu on every page, but needs the current main navigation area to be adaptive or conditional to separate pages but keep the same style and format currently being used.
Example:
example.com/push would have one menu in the main menu area)
example.com/pull would have a different menu in the main menu area)
example.com/shove would have yet another menu in the main menu area
example.com/yank would have yet another menu in the main menu area
Tough, i know…
Your suggestions on how to effectively and quickly handle this matter with your theme so nothing else is effected?
Im perfectly comfortable with editing the .php files but do not know enough to customize it to my needs. Can you please point me in the right direction?
Hi,
Is it the top half or the bottom half? On what tablet android or ipad or win 8? What version of the theme… it would be just easier if we can see the code. Please look on the demo site, kriesi.at/themes/enfold if you can see same problem using a tablet on there with the layer slider.
Thanks,
Nick
Yes I am running the latest version and recreated the page. Once I delete the video out of the 1/3 column all is fine.
The page is built with:
color section with 2/3 and 1/3 inside (video in the 1/3)
then a 1/1 with text block inside.
a hairline with whitespace
then a 2/3 (with a special heading and text block) and 1/3 (with an image)