Thats great, thank you.
Is it possible to resize on scroll still?
Hi there,
I recently had help from you guys to get a logo into my web site’s socket. I think I may have closed the topic prematurely…
Ive implemented the logo in the footer.php (as instructed) and it appears frame left which is great. However, on the right side I want to implement a secondary text nav. Unfortunately, the logo space (IN WHICH THE LOGO SITS) now appears to stretch the entire width of the socket, thus forcing the socket nav down onto a second line beneath the logo.
You can see what I mean on my site: http://www.andypeck.co.uk
Cheers
Andy
1) You must add px or % to your width/height attribute. Just 230 is not a valid syntax and it must be 230px or a % value.
2) You can’t do this if your logo has a relative position. A solution would be to set the position to “fixed” with following css code
.logo img {
position: fixed;
width: 230px;
height: 230px;
}
Maybe you need to use a media query to set the position to “relative” on small screens – otherwise the logo is not “responsive”.
@media only screen and (max-width: 768px) {
.logo img {
position: relative;
}
}
Please make sure that the “compatibility view” mode is turned off. Another user reported similar issues and it turned out that he/she used the compatibility mode which can break the website easily (because the browser tries to “emulate” another browser engine – https://kriesi.at/support/topic/the-solution-for-problems-with-ie-compatibily-view-just-the-opposite ).
Hello Ismael,
Thanks for the quick reply.
This works for the wide screens, but not for the smaller resolution on smartphone. it is placed outside the screen.
Maybe a seperate code for that?
i also see that the top address/tel info on the smartphone screen is not align vertically in the center can you fix that as well?
erik
It is possible to restrict certain LayerSliders to certain kind of pages? Because when I create several LayerSliders and set the autoplay option, it plays all the slider, even those that I don’t want to show.
Thank you.
Hi,
Edit a page or portfolio item, look for the Advance Layout Editor on top of the editor. If you can’t find it, click Screen Options > check the Avia Layout Editor. That is the new template builder for the Enfold theme. Learn more about the theme here: https://vimeo.com/channels/aviathemes
Regards,
Ismael
Hi,
1.) To change the social icons color:
#top .social_bookmarks li a {
color: white;
}
2.) Icon list color, you can use this
.avia-icon-list .iconlist_icon {
background-color: red;
}
3.) Can you give us a screenshot of what you want to do?
Regards,
Ismael
Hi,
Footer widget title:
#footer .widgettitle {
color: white;
}
Current Menu item color:
#top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a {
color: white;
}
Regards,
Ismael
Hi,
1) Do you mean like on this page? http://kriesi.at/themes/enfold/shortcodes/ without the bullet points?
2) The easiest thing to do would be to modify the css of existing buttons and replace them with your css so that you can use the same shortcode. There are many button sizes, The css that styles the buttons is located in /css/shortcodes.css on lines 2459 and in many other places. There are a number of plugins both free and premium that allow easy creation of shortcodes.
3) Which text on which page do you want to change?
4) https://kriesi.at/support/topic/adding-custom-icons This post has examples and link to other examples.
5) http://wordpress.org/plugins/header-login/ Please try this plugin for login.
Thanks,
Nick
Hi,
You can adjust the padding:
#top .main_menu .menu li ul a {
padding: 4px 15px;
}
Adjust the 4px.
Regards,
Ismael
Hi,
There is the “Add Form” button on top of the editor. Click it then select the form. Copy the shortcode then place it on a Text block. :)
Regards,
Ismael
Hi,
You can edit footer.php, find this code
<span class='copyright'><?php echo $copyright . $kriesi_at_backlink; ?></span>
Add this code on top of it:
<?php echo '<div id="footer-logo"><img src="IMAGE LOGO HERE"></div>'; ?>
Regards,
Ismael
Hi stunna42,
As Dude said you can use that link to create a control-less iframe code that can then be added in as an iframe.
Also note our support queue goes by oldest response in a topic first. So self bumping just pushes the topic to the end of our queue.
Regards,
Devin
Just advising that I’ve solved the issue with the following tweaks.
I was able to identify the elements that needed tweaking:
1) Header block with logo and social/contact info above is now static and “sticky” by choosing Fixed heading in the theme settings. Following code was to fix.
#header {
position: fixed;
}
/* fix the height of the header block and lock it down */
#header_main .container {
height: 82px !important;
line-height: 82px !important;
}
2) Text colour was thru theme settings, but had to apply the following changes:
/* Social Icons & Contact
*/
/* put the icons on the right */
#top .social_bookmarks li {
float: right;
}
/* move the contact # left of the icons */
.sub_menu {
right: 70px;
}
.social_header .phone-info {
color: #5f5e5e!important;
font-size:1.2em;
font-weight:normal;
}
Thanks to the tips on the Avia Menu at https://kriesi.at/support/topic/avia-menu-repositioning#post-124971 I was able to place the menu block exactly where I wanted it, aligned to the bottom of the header block in line with the baseline of the logo. A few tweaks were needed to move the menu indicator as well through the .avia-menu-fx tag.
/* Main menu position
*/
.main_menu {
height:25px;
top:55px;
}
.main_menu ul li a {
height: auto !important;
line-height: 20px !important;
}
.main_menu ul:first-child > li > a {
padding:0 7px;
}
.main_menu .menu ul {
margin-top:8px;
}
.avia-menu-fx {
bottom: -8px;
}
Edit – screen shot of the result after the above tweaks.
Hi Günter,
I don’t have any ideas other than what is already in place with the contact form shortcode/layout element. I’ve tagged the topic for the head of support as well but it isn’t something I know of a simple way to add in.
Regards,
Devin
Hi murattemel,
Looking at your site right now there is no header at that blog link. There is still of course the whole title container but the breadcrumbs, title and title container which holds both are separate items.
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.blog .title_container {
display: none;
}
Which removes the entire title container.
Regards,
Devin
Your best route would be to inspect the code generated using dev tools (either Firebug or Chrome’s inspect element) and then you can target what you need.
IE:
#top .widget_nav_menu li.current_page_item a {
color: red;
}
The selector will always start with #top .widget_nav_menu and then its just a matter of if you want to also get the list item with a specific class or another sub element after that.
Hi Marketingnetwork,
I’ve tagged the topic for the head of support as I thought it had been fixed as well. Hopefully Peter can shed some light on whats happening on your install.
Regards,
Devin
I got some ideas that i can use this them for all my Projects ;) I know its so much. But Enfold have the best Page builder i ever worked. :D
1) for Pages, Posts and Also Archive Pages the option to change the header BG color and Image like colorShemer element. Is it possible for the next update? I dont wanna use another Theme… Like this examples http://artbees.net/themes/jupiter/blog/ http://artbees.net/themes/jupiter/pages/faq-page/ http://artbees.net/themes/jupiter/features/
2) Admin Option to set the layout for Portfolio Category Pages
3) Admin Option to set Globally -> Related and latest Posts for Portfolio or Blog Single Sites
3) Icons Box -> options for size, color, Background-color – squared or circle or transparent
4 a) New Isotope Fullwidth Layout for Page Builder also for Archives Pages (Portfolio and Blog)
for Example http://pixelgrade.com/demos/senna/portfolio/
4 b) Isotope Gallery for Example http://pixelgrade.com/demos/senna/portfolio/the-mille-miglia/
5) Category Pages for Portfolio http://pixelgrade.com/demos/senna/portfolio_categories/design/
6) Pre Header with collapsble Responsive Menu like Main Menu -> like This http://themes.jozoor.com/?theme=Invention-HTML
Best Naci
Thanks Ismael,
It worked for me, I just had to add !important to the styling:
@media only screen and (min-width: 1024px) {
/* Add your Desktop Styles here */
#menu-item-2606 {
display: none !important;
}
}
One more thing: what I’m hiding here is a fourth column in a mega menu. The result is that the other three columns now show up spreaded over the space for four columns. Is there a way to avoid this?
Regards,
Daniel
Hi,
Just creating a site using Enfold – love it.
Just a quick couple of questions that I haven’t been able to find complete answers for on your forum.
1. I have changed the color of the top bar to black and shifted the social icons to the right. What I would like to do is change the ‘normal’ color of the icons – i.e. what they look like when you go to the page and don’t put your mouse to them – to the individual colors that show now in hover state eg twitter blue, facebook blue, email green etc so that there is a pop of colors in that right hand corner. I’d then like to change the hover state to either a slightly brighter or maybe lighter version.
2. How do I change the css so that the icon list icons are the same colour as the icon box icons instead of the dull grey color they are by default?
3. Also, can I change the color of the individual icon list icons so that they match the color of the social icon ones. EG make Twitter twitter blue, facebook facebook blue etc?
I am not sure why, but the topic got deleted so i have to ask it again.
I want a sidebar menu with sub levels like
A
-A.a
–A.a.a
It looks like that this wont’t work with the sidebar, so how can i do that?
Thanks
This Code does not work for me. I want the same thing.
Used this Code mentioned here:
https://kriesi.at/support/topic/logo-size-enfoldtheme
Works for the logo but now the whole header area reaches into the slider. How can i fix that?
I figured out the footer
#footer {
padding-top: 50px;
but still not the footer subhead color
I can use the magic wand to insert shortcodes. However, I don’t have a way to view the HTML output as I’m creating. I have two tabs: Visual and Text. I see in other themes two tabs say Visual and HTML. Do I have some setting wrong? Is it not available. It’s very difficult to edit this way and will be impossible for the users of my site to handle this.
This is what I see under each tab:
[av_tab_container position='top_tab' boxed='border_tabs' initial='1']
[av_tab title='The full scoop' icon_select='no' icon='1']
Tab Content goes here
[/av_tab]
[av_tab title='Register' icon_select='no' icon='1']
Tab Content goes here
[/av_tab]
[av_tab title='Photos from past years' icon_select='no' icon='']
Tab Content goes here
[/av_tab]
[/av_tab_container]
Great thanks! That worked for the menu. Now could you help me do the same for the footer subheads? Also I would like to bump my footer content down, so I guess add padding to the inside top of the footer?