Hi,
Here is the css. Please add it to /css/custom.css or to Quick CSS located in Enfold > Layout .. on bottom of the page. … there is an outline which is not seen, i left it as grey, though you can change it whichever way you want in this css
#top .rounded-container {
background: white;
border-color: grey;
}
Thanks,
NIck
Hi,
1. The header no longer has a gap between menu and top using Chrome, FF, and IE10 . Where do you see a gap and using what browser? http://www.clipular.com/c?6174232=rAJ9MxLXR2ZzeYMGDQwUOR-f9OA&f=a706922a622bfae41703f306ea414436
2. What you will need to do is use a shortcode for the green information button inside each of the text-blocks. Here is the shortcode
[av_button label='Click me' link='page,218' link_target='' color='green' custom_bg='#444444' custom_font='#ffffff' size='large' position='right' icon_select='no' icon='']
You will need to edit the label, and for the link , you can chose the ID of the page where you want the link to go to. So this will generate the green button. To display the Boek Nu link on the same line as the button, add it after the button shortcode below the button shortcode . http://www.clipular.com/c?6172260=q_gWPjkVzgUQFbcWbt3LRNEMUB0&f=6fe682a4b390268ff7e7e4ef13be8d1c
OFF TOPIC
Your logo is being resized making it blurry at small screen sized. You can either use this css to make it fit at 200×100 (as it is now)
#top .logo img {
width: 200px;
height: 100px !important;
}
#header_main .container, .main_menu ul:first-child > li a {
height: 100px!important;
line-height: 100px!important;
}
or you will need to resize your logo to 156×88 (the size its being displayed now via resize)
Thanks,
Nick
Hi dweb,
I’m not sure if you meant to reply to this topic or one of the others you have open on the same issue, but as Dude said above and I in one of your others: setting the featured image should fix your issue. Just make sure its done on each of your portfolio items.
Regards,
Devin
Hi,
Please add this CSS
#top .inner-entry {
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
}
Thanks,
Nick
Hi aweterings,
Much more clear now thank you. I’ve tagged Kriesi on both topics and hopefully find the root cause and a fix for it.
Regards,
Devin
I’ve tagged the topic for Ismaels Queue so he can easily respond.
Regards,
Devin
Hi Amirb,
I believe it has to do with elements not visible on the screen and forcing the browser to change view. I’ll tag the topic for Kriesi to look at as I’m not sure this is fixable or not with how the browser renders content.
Can you provide a link to your site so I can test it on iPad and see what might be going on?
Regards,
Devin
Hello. (1) Is there a way to resize the Layerslider in mobile view? The slideshow seems really small as compared to other elements when viewed on a mobile device.
(2) Are there custom modifications made to the Layerslider for the Enfold slideshow? Seems like when I create a new slideshow, there is border or gap on the left and top sides. This goes away if I use the Enfold slideshow. If I create new slideshow, what custom settings are required for the images to appear flush on all sides? There’s obviously something that was added in the Enfold slideshow. Thanks.
Hoping this might help you guys…
I don’t know for sure, but I think I found someone else’s site that uses this theme with a slightly bigger logo and it works properly in the ways I’m having trouble with.
http://50.116.98.244/~service/
And here’s a link to his post on the forum… he asks the same questions I do, although the only answer is in regards to the slider position. But either way, it seems like he figured out the rest on his own… so it must be possible.
https://kriesi.at/support/topic/problem-with-header-logo-and-menu
Hi,
I’d like to remove the menu bar with small triangle which appears on hover/active state.
layout.css shows me where this is done, (296 to 314).
I still see a small triangle on top of each menu item when I comment out this code. its the avia arrow, but if i comment out it also disappears on other locations, like portfolio caption.
But how to kill this css by adding to the custom.css? I’d prefer so if any updates come out I don’t have start allover.
Basically I just want to remove the menu hover/active border fx.
Thanks!
On the right hand side of the visual editor is a wordpress meta box named “Featured Image”. If you don’t see it, go to the top right of your screen and click the Screen Options tab. Check the box for Featured Image then close the tab and you should now see the featured image box.
You just click on Set Featured Image and it will prompt you on setting one.
Regards,
Devin
Hi goodplum,
I’ll mark the topic for Kriesi but often times there will be errors logged even when they have no real consequences that need to be addressed asap.
Regards,
Devin
Seems the same problem as in this thread…
https://kriesi.at/support/topic/cant-edit-text-in-advanced-layout-editor
Edit: I’ve also noticed when inspecting the editor element via Google Chrome, the text is present but not shown. Maybe this screenshot will help.
http://www.arnoweterings.nl/screenshot_001.png
If you can create a temporary admin account for me, I’ll log in and take a look.
You can send the information to my email at DevinVinson (at) gmail.com. Make sure to include a link to this topic so that my spam filter doesn’t grab it :)
Regards,
Devin
Hi Nick,
Thanks for the advice. I’ve added the CSS code for issue 1, but unfortunately it does not change anything. There is still a gap between the top and the navigation bar.
Regarding issue 2: Really strange, I checked the link and it goes to the page on our website… no idea how you get a Japanese site :)
The problem exists for example on the ‘Kamers’ or ‘Arrangementen’ page (main navigation). In the text block, you’ll see on the right hand side a button ‘ Meer informatie’. On the left hand side you’ll see a text ‘Boek Nu’. For some reason we cannot get this on the same line. Is this due to a css code of the Theme?
Thanks again for all your advice. Very much appreciated!
Re 2) – the reason is that you didn’t set portfolio thumbnails. The navigation won’t work if the portfolio items don’t have featured images ( https://kriesi.at/support/topic/portfolio-filter-not-showing-up ).
Re 3) To display all categories doesn’t make sense if you’re using pagination (like here: http://www(dot)gt-motors(dot)fr/vehicules-sur-mesure/ ) because the filter won’t show any items if the filter criteria isn’t fulfilled. So if eg page 1 just shows cars from BMW and Jaguar and the filter navigation contains links for Fiat, Ferrari, BMW and Jaguar and the user clicks on “Ferrari” he’ll just see an empty page. This is imo more irritating than just showing all valid filter criterias. This is not a bug but an intended behavior because the isotope script ( http://isotope.metafizzy.co/ ) just rearranges/sorts all existing entries on the current page and it won’t load any content from other pages – thus if the user clicks on the filter links on page 1 it just sorts/filter all items on page 1 without loading items from page 2,3, 4, 5, etc.
Hey!
Please have a look at this thread. https://kriesi.at/support/topic/sorting-portfolio-items-1
Best regards,
Peter
Hi,
You can request that on this thread. https://kriesi.at/support/topic/enfold-feature-requests
Regards,
Ismael
Hi,
You can delete the header meta, that is the top part of the header. Just add this on your custom.css or Quick CSS.
#header_meta {
display: none;
}
You need to create a backup of your theme files especially the custom.css and the files you edited when you update the theme.
Regards,
Ismael
Hi,
According to Kriesi it is not possible.
https://kriesi.at/support/topic/caption-in-lightbox
Regards,
Ismael
Hi,
Yep, create a blank page. Then add this on your custom.css. Inspect page using Chrome or Firebug for FF, look for the unique body class.
#top.avia-blank.page-id-1236 #wrap_all {
background: red url(../images/background-images/Abducted.jpg) !important;
}
Mine is .page-id-1236. You might need a fairly large image for this to cope up to the theme’s responsiveness or use a pattern.
Regards,
Ismael
Hi,
You can use the fixed header with social icons and navigations. Just add this on your custom.css to remove the top part.
#header_meta {
display: none;
}
Regards,
Ismael
Hi,
Click on the link “Member” below your username. https://kriesi.at/support/profile/pdxammo
Regards,
Ismael
Hi,
Please try this
#header_meta {
background: #0772A1;
}
#top ul:first-child > li > a {
color: green;
}
#top ul:first-child > li > a:hover {
color: orange;
}
Hi,
Try this, though I am not sure what you are trying to do since your last 2 css blocks are identical above
#header_meta {
background: #0772A1;
}
#top ul:first-child > li > a {
color: green;
}
#top ul:first-child > li > a:hover {
color: orange;
}
To continue go to post https://kriesi.at/support/topic/different-color-for-top-bar-menu-and-menu-hover
Thanks,
Nick