Hi,
I am trying to add social widgets to an accordion element, but when I run it the widgets are not clickable.
Another question, is how to I set the social icon to have the correct coloring (based on the social network color) and the hover effect (like the default social widget behavior on the top bar)?


Cheers,
Guy.
-
This topic was modified 12 years, 3 months ago by
guyco. Reason: Added images
thank you Devin, for the information. So I need to use a work around. So I will copy the administrator role, and strip it from all the rights I do not want the semi-admin to be able to do. Should work then.
But it would be cool if you and your team could maybe think about capabilities and user roles, so that the site admin can determine other user groups, and what they are able to do. Because I think it is often a topic, to let users do some things (for instance set up sliders) but not let them update plugins or something. So maybe a solution for the user rights of the layout builder and the slider would not be a bad idea. :)
Thanks and best regards from Austria :)
Hi!
Try following code to change the image size
#top #wrap_all .image_size_widget .news-thumb, #top #wrap_all .image_size_widget .news-thumb img{
height: 44px;
width: 44px;
}
Cheers!
Peter
Great! Thank you…
I take the solution from Josue. This works perfect:
@media only screen and (max-width: 479px) {
.logo img{
width: 80% !important;
position: relative;
top: 8px;
}
}
Hey Peter,
you´re right. I set inside Theme-Options all to “without sidebar”. Turned it on now and it works, fine… Thanks!
Before I set inside the page with the Shortcode for the forum index the sidebar to right. I thought that inherit this to it childpages…
It´s very confusing to work with bbPress. Searched a lot in the web, but there is not a lot of actual information to find.
Please can you tell me how I have to find an userprofil like the profiles on kriese.at ??
Best regards,
Bruno
Hey!
But you completely deactivated the sidebar on these pages? BBPress normally will show a sidebar on the right (like here: http://kriesi.at/themes/enfold/forums/ ) you’re using a fullwidth page template at the moment. Maybe you modified a file to remove the sidebar (forum.php, etc.)?
Cheers!
Peter
Click on a “button” from a Promo Box or Pricing Table then you will see many configurable fields, start from the top “Button Label”, “Button Link?” …, in the “Button Link?” section, select “Page” and then you get to pick up an existing page to be linked to the button you are configuring. That drop down Page list is what I am referring to. It supposed to give you all the available pages but what I have is not a complete list. That’s why I call it a truncated list.
Hope this clarifies.
Thanks,
Awesome, perfect — thanks! Sorry I didn’t find that on my own. Any idea why the “click here to enter address” button doesn’t work? It just jumps me to the top of the widgets page.
For Enfold, after a huge amount of user complaints we turned off wpautop so that the shortcodes had better support and so did third party plugins within the text editor.
You can either use break tags in the text tab or use this shortcode to define your space explicitly:
[av_hr class='invisible' height='30' shadow='no-shadow' position='center']
The number 30 being the height of the whitespace displayed.
Hi, I am having a problem with the content slider. I have one column, no auto
All displays and works fine on regular monitor. But on mobile devices the last slide image appears on top covering up the first image.
I actually have iframe to youtube video in each content slide. In mobile the text and video plays from first slide but you see image from last slide. See: http://elwoodtemp.com/gemco-valve-product-video/
How can i fix so that the mobile version works the same as full monitor version?
https://kriesi.at/support/topic/menu-background-image/
Hi, I started the topic above… I have checked using IE8 and the background and menu are not displaying correctly. The menu is sitting over my slider instead of over the background image. Is there some code I need to add to get it working on IE8.
Thanks in advance for your help
Hi there,
Is there any way to keep the main menu on top but have the sub menu underneath?
I’m wondering if you could help me with the button shortcode. I need to make it responsive.
As you can see in the screenshots below, I’ve added the large button shortcode, inside of a text widget, in the sidebar of the product page. I’ve increased the size of the button with:
.avia-button.avia-size-large {
padding: 13px 30px;
font-size: 16px;
min-width: 760px;
}
and styled it with:
#top #main .single-product-main-image .sidebar, #top #main .single-product-main-image .inner_sidebar {
border: 1px;
margin: 0;
padding: 0px 0 0 0;
width: 100%;
min-height: 0;
}
body div .avia-button {
border-radius: 3px;
padding: 10px;
font-size: 12px;
text-decoration: none;
display: inline-block;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-style: solid;
border-left-width: 1px;
border-right-style: solid;
border-right-width: 1px;
border-top-style: solid;
border-top-width: 1px;
margin: 0px 0;
line-height: 1.2em;
position: relative;
font-weight: normal;
text-align: center;
max-width: 100%;
}
Desktop View
https://dl.dropboxusercontent.com/u/17031532/live-view-button-desktop.png
Tablet Portrait View
https://dl.dropboxusercontent.com/u/17031532/live-view-button-tablet-portrait.png
Phone Portrait View
https://dl.dropboxusercontent.com/u/17031532/live-view-button-phone-portrait.png
I’ll send info in a private message.
Thanks,
Ben
Hi,
I would like to get some help resolving several issues with the following website:
http://goo.gl/6zTgDr
1) When using Chrome and clicking on one of the top main menu items, the page jumps to the section as oppose to doing a smooth scroll down which we prefer. Is there a way of selecting or configuring this option?
2) In Safari, all of the top main menu links do not work but works fine in other browsers.
3) In Firefox, when I click on one of the top menu items, the page jumps to the section but then automatically scrolls back up (just a little) such that now the title of the section can no longer be seen.
4) In Internet Explorer, the background pictures on every color section do not span the entire width of the page unlike in the other browsers.
Would appreciate any help. Thanks!
Could Josue please post a description on what needs to be changed to make this happen?
https://kriesi.at/support/topic/linking-the-icon-box-icon/
Love the idea, it is something that I have tried to do when working on the site. Maybe an enhancement for the next version? :)
Thanks,
Dave
The site http://ruralwave.net/ is displaying php errors when in different browsers at the top.
How do I fix this?
Hi
Had some great help on this via this tread https://kriesi.at/support/topic/icon-colours/
This page works great as did what you said etc http://www.clubfacemag.com/sample-page, however not sure other pages work e.g. added 3 icons to homepage http://www.clubfacemag.com and don’t change colour based on custom CSS.
Let me know what you think
Cheers, Mark
Hey Alcadis!
Please take a look at this topic: https://kriesi.at/support/topic/enfold-child-theme/
Best regards,
Josue
Here are some screen captures visually depicting my comment above in post id#184636
1. A hand-coded from scratch thumbnail gallery showing a part of my Youtube video gallery. This file resides outside of the WordPress environment and is fetched by an Ajax call. There is no < head > or < body > in the fetched HTML. It’s straight HTML with the CSS snagged from the parent page which hosts the < a > and href call firing the lightbox overlay hosting all the thumbs. This is illustrated in the screen capture below. Even with this complex Ajax fetch which requires perfect coding to execute correctly, no errors can be found with the automatically generated play graphic overlaying the automatically generated Youtube thumbnails. They are centered correctly. Compare this to the thumbnail in Item 4. below which shows the play graphic shifted downward in an Enfold template. Something in the CSS is affecting it and I haven’t nailed it down yet.

2. An example of the lightbox window that opens when clicking the thumbnails.

3. Enfold themed page with video thumbnail and comment section.

4. And here is the bottom of the page and an example where the play graphic shifts downward due to some CSS properties in Enfold. See red arrow. If img-width: 100% was not commented out in base.css, the thumbnail would be 480px wide and part of the graphic would reside outside the darker opacitized text content area on the right side of the page. FYI, 480px is a default size for youtube thumbnails in their API and my CSS shrinking the thumbnail is ignored in IE due to img-width: 100%

5. Point five is not related to img-width, but I thought I would share a tidbit about the CSS in your Comments system while I’m thinking about it. You may want to consider giving the .comment-entry CSS a property of display: inline-table;
It will vastly improve the flexibility of your comment layout for users. Right now, the entire parent Div will not expand and contract dynamically. For example, if you use the Ajaxify plugin recommended in your forum by Dude, the parent Div hosting the comments entry will now expand and contract like it should if displayed as an inline-table. The colored background DIV will work great and scale up and down. With the current CSS in Enfold, it does not. So clicking on “reply” or add a comment creates a big dynamic hole in the background where the comment form appears. The colored background properties are transparent and do not expand and contract due to the current CSS properties on .comment-entry. I am sorry, but all of this is being developed on Localhost and I have no public link to show you. The concept of an inline-table setting should not be hard for a coder to visualize if they know CSS. Pass it along. They will get it and it will add up.
And finally, the reason for showing you all these screen captures, is maybe lost in all the text here. It can be boiled down to two things:
6A. I am looking for some direction working around img-width: 100% as it relates to Enfolds performance. Is it important?
6B. What global CSS property might be shifting my play graphic downward? Point me in the right direction among your CSS files. I will probably figure it out from there.
Cheers.
Hey tcoq!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 480px) {
.responsive .logo { height: 110px; }
#advanced_menu_toggle { top: 74%; }}
Cheers!
Yigit
Hi together,
at my site http://www.rundumskinderzimmer.de I have got a problem with the top menu icon on smallest smartphone view. Here the menu icon moves over my logo. (advanced_menu_toggle)
I thought my logo is not too big but it seems to be that it is not scaled correclty.
Is there anybody how knows to control this behaviour in best way?
Best regards
Steffen
Hi!
Please try adding following code to Quick CSS as well
.avia-builder-el-8 .main_color.iconbox_top .iconbox_icon { background-color: blue; color: #ffffff; border-color: blue; }
Cheers!
Yigit
This reply has been marked as private.
Min heights obviously won’t help revert the logo back to original ‘maximised’ state. But thanks anyway.
Hi there,
I am just working on my website and I would like to have the same header effect like at this page:
http://www.teamgeek.co.za/#company
The Website I build is just a one-page-site with anchors to navigate to a certain point. I would like to have a full-screen image (with no header) on the first part of the page. The header menu is located at the bottom of the picture and is being scrolled up until it reaches the top of the site. There it stays fixed when I scroll through the rest of the site – until I scroll up to the first image again. I already managed to change the position of the header, but I don’t know how to proceed with the rest. I can’t send you a link of my site as it is still local.
Thank you guys,
Cheers
Peter
Hi!
Please add following code to Quick CSS as well to change the opacity of button
#top .avia-slideshow-button { background-color: rgba(0,0,0,0.9); }
Cheers!
Yigit