Is there a way to display that shadow inside the color section instead of outside? I would like to be able to have a shadow on the interior of some color sections on the top and the bottom.
This reply has been marked as private.
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
top .social_bookmarks_linkedin:hover a {
color: #419cca;
background-color: transparent;
}
top .social_bookmarks_linkedin a {
color: white;
background-color: #419cca;
}
#top .social_bookmarks_facebook:hover a {
color: #37589b;
background-color: transparent;
}
#top .social_bookmarks_facebook a {
color: white;
background-color: #37589b;
}
#top .social_bookmarks_gplus:hover a {
color: #de5a49;
background-color: transparent;
}
#top .social_bookmarks_gplus a {
color: white;
background-color: #de5a49;
}
#top .social_bookmarks_twitter:hover a {
color: #46d4fe;
background-color: transparent;
}
#top .social_bookmarks_twitter a {
color: white;
background-color: #46d4fe;
}
#top .social_bookmarks_youtube a {
color: #fff;
background-color: #a72b1d;
}
#top .social_bookmarks_youtube:hover a {
color: #a72b1d;
background-color: transparent;
}
Best regards,
Yigit
Hey there!
How can I change my Logo-height back to 200p for fixed header, please ? After Upgrade to enfold 2.6.2, I lost this important possibility..
These are the changes from before, they don´t work now, because max-height is set to 116px ?:
CSS
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a {height: 200px; line-height: 200px;}
.fixed_header.social_header #main {padding-top: 230px;}
#header .avia_mega_div {top: 135%;}
.main_menu .menu > li > a {height: 30px !important; line-height: 30px !important;}
#header_main .container{display: table;}
#header_main .main_menu{display: table-cell; vertical-align: middle; position: static;}
#header_main .main_menu .avia-menu{float: right;}
#top .main_menu .menu li ul a {padding: 15px; font-weight: 400; font-size: 15px; line-height: 1.1em; font-family: 'Quicksand', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
#top .main_menu .mega_menu_title {font-size: 17px; font-weight: 100; color: #777;}
JS
function avia_header_size()
// if(st < el_height/2)
if(st < el_height - 40)
// newH = el_height/2;
newH = 40;
Cheers!
Hi garyguthrie!
Please add following code to Quick CSS in Enfold theme options under Styling tab
1-
.team-img-container img { float: left; }
2-
body .column-top-margin { margin-top: 10px; }
.content, .sidebar { padding-top: 10px; }
Best regards,
Yigit
Hey D5WDesignGroup!
You can give your Color Section a custom ID and add following code to Quick CSS
#your-color-section { box-shadow: 0 0 5px 3px #888888; }
Best regards,
Yigit
Hi TheProductionHouseEvents!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 767px) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 50%!important;
}}
Regards,
Yigit
I love the masonry view, but I’m conducting an experiment on visitor engagement (increasing clicks per visit) and want to create prevent the masonry blog from pulling images. I just want it to display the post title and excerpt.
Could you help me figure out how to do that?
Thank you very much.
So – I assume a delta of the plugin leaves the tables in place for BBPress? Are you suggesting blowing the tables away as well? If so, is there an easy way to do that?
I am at a loss – I thought I deleted all the tables, deleted the plugin, but when I reinstall it, there are my existing forums and topics – this is a nightmare plugin
-
This reply was modified 12 years ago by
DavidMiles.
This reply has been marked as private.
Hello
I have had a anchor in a page and a link to this anchor at the top of the page.
When I click this link, yes the smoothscrool works but do not go at the exact position of the anchor
Maybe something to change in the $.fn.avia_smoothscroll = function(apply_to_container) ?
thanks
Hey Devin,
Thanks for the tip. Sadly, this didn’t work for me. First off, I think I have a different version of the layerslider than you do, mine doesn’t look quite like that. However, I do have the transition out duration set to 5000 for both layers (one for the block on the top, one for the block on the bottom). I also made sure that the delay setting was the same on both slides in the transition out section (0). The animation remains unchanged, and I still see the flicker.
Any other ideas?
Let me know if you want to take a look behind the scenes, I can send you some user creds if you provide me with an email address.
-=Mark
Hi!
Yes, just make sure that the shadow box also uses rounded corners:
.boxed#top {
border-radius: 9px;
}
Best regards,
Peter
Hi StuWeTueHo!
I’ve tagged the topic for Kriesi so he can fix them in the next bug fix update.
Regards,
Devin
Hey!
This didn’t work either. I need the text to change for each gallery. There are 8 different galleries, I have 8 different verbiage per gallery … I want to achieve exactly what your demo does.
I suggest to use the ajax portfolio if you want to get exactly the same styling. Other elements can’t reproduce the same layout. If you just want as similar layout I suggest to use a content slider as the base element and then paste in your gallery shortcodes and text content (gallery description) into the slide text field. I suggest to use two editors side by side to generate the shortcodes with one editor and to build the advanced layout with another. I made a short demonstration video: http://www.screenr.com/0oUN
While I made the video I noticed that you might want to add this code to thee quick css field:
body .slide-entry .column-top-margin {
margin-top: 0;
}
to avoid different column positions.
Cheers!
Peter
Hello Yigit,
First line of code works, but second i think not. Let me explain more what is still not working-
1. Small top headed arrow (just above the border line in center) is still not showing on active (current) menu, as what is shown in demo.
For 2nd question (in my last screenshot), i managed to find out. I remove Border colors (or change it as desired) from Options > Styling > Header.
This was the one- (Upon mouse hovering, it is showing brownish colored border below menu names just on top of sub
menu (fly-over), but in mine it is showing all over covering the whole box of sub menu items.)
2. Upon Scrolling down a bit on Home page or any other, except the current (active) Menu the rest of the Menu Items are still dimmed (very light in color), unable to see.
3. The same with sub menus items are still dimmed out, and that too without even scrolling down.
PS: I want Header background remain to be transparent, but menus and /or menu item names should be visible.
Can you please guide which setting will the 2nd line of code affects, provided by you.
Thanks
Hi Dracmaservice!
Please use this on Quick CSS or custom.css:
#top .widget_nav_menu ul ul li:before {
content: "";
}
#top .widget_nav_menu ul ul li a {
padding: 6px 0px 7px 0px;
}
#top .widget_nav_menu .current-menu-item > ul, #top .widget_nav_menu .current_page_item > ul {
padding: 0;
}
Remove browser cache then reload the page a few times.
Cheers!
Ismael
This reply has been marked as private.
Ok thanks – cause my client was impressed about the cool look on mobile, so that also blog posts had columns on mobile and also the entrie slider – but now the entrie slider looks very strange on mobile, especially when you have 4 columns on desktop view, it is now 4 entries under each other and in the middle there are the arrows to slide – but it looks very confusing on mobile – would be great if you or kriesi can chack that – cause its an important feature… thanks
Hey!
I found a temporary fix. Please leave the ftp account active because I want to show the conflicting code to Kriesi.
Cheers!
Peter
Hey!
Please try following code instead:
@media only screen and (max-width: 767px){
.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul {
text-align: right;
}
}
Best regards,
Peter
Thanks for the fast response! That thread has a lot of complex reading to absorb. I’ll read it tomorrow when I’m more alert.
Next question: How do I prevent a video from automatically playing? Will I be able to stop the autoplay the same way in the code as I add the splash image?
I’ve been experimenting with placing a video at the top of the Home page.
1 – Adding a Media Element video to the Content section results in a black screen for the video; maybe that can be fixed. (If using the default editor, it correctly displays the splash image from Vimeo, which is odd that Advanced Layout ignores it, but the default editor page has space for a sidebar and I can’t seem to get rid of it.)
2 – Adding a Media Element easy slider video is almost right, but it plays automatically.
3 – Adding a Media Element full width easy slider video makes the video too large, you can’t see the controls, plus it plays automatically.
If you want to see #2 and #3 examples, it’s the site I’m working on at http://www.welcometojoseph.com, the home page.
I’ll check for any reply in the morning. It’s getting late over here :)
Hi,
Try using this code instead:
@media only screen and (max-width: 767px) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 50% !important;
}}
Cheers!
Josue
Sorry… http://www.taitwebdesigns.com/photo-gallery. Just trying to find the best way to display these images without excessive load time or having it be bigger than a normal laptop screen when the gallery is open.
Daniel
As I said it sounds like the bbPress tables or settings have gotten corrupted. On a clean install it shouldn’t have any issues like you are having.
I’m not really sure there is anything we could direct you in doing as the theme is operating correctly but bbPress isn’t.
Prefer to have the normal and hover states reversed for the social media icons in the top bar. Looked around forum but didn’t see anything regarding this. Thanks in advance for any assistance!
Hi – this page in your demo works great on a desktop, but on iPad there is no equivalent of the mouse over function. This means the only way to look at the other pictures is to go fullsize.
Is this a known issue? Is there’s a fix?
Thanks !
Is this right?
td { border-style: none; }
tr:first-child td { border-top-style: none; }
tr td:first-child { border-left-style: none; }
.alternate_color tr:nth-child(odd) { background: #ffffff; }
.main_color tr:nth-child(odd) { background: #ffffff; }
@media only screen and (max-width: 479px) { h1 { font-size: 24px; }
h2 { font-size: 25px; }}
h1 {
text-transform: none !important;
font-weight: 300!important;
}
@media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
display: block;
}}
#scroll-top-link { background-color: #555555; color: white; border: 1px solid #222222; }