-
AuthorSearch Results
-
May 28, 2013 at 8:52 pm #23964
Topic: Social Media Icons and Top Bar Menu Switch Locations
in forum Enfoldklvo
ParticipantIs it possible to swap the location of the social media icons and the top bar menu? For example can the social media icons go the right and the menu to the left?
Thanks!
May 28, 2013 at 8:03 pm #121349In reply to: Lightbox on preview images…
Hi,
I played around with it. I broke it up into individual parts so it’s easier to handle. Please try these blocks . I took off fixed on the blocks that don’t need it.
.main_color{
background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png);
background-size: 100% 100%, auto;
background-position: left top, left top;
background-repeat: no-repeat, repeat;
background-attachment: fixed, fixed;
}
.container_wrap_logo{
background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png);
background-size: 100% 100%, auto;
background-position: left top, left top;
background-repeat: no-repeat, repeat;
}
.alternate_color{
background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png);
background-size: 100% 100%, auto;
background-position: left top, left top;
background-repeat: no-repeat, repeat;
}
html {
background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png);
background-size: 100% 100%, auto;
background-position: left top, left top;
background-repeat: no-repeat, repeat;
}
.socket_color{
background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png);
background-size: 100% 100%, auto;
background-position: left top, left top;
background-repeat: no-repeat, repeat;
}
.footer_color{
background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png);
background-size: 100% 100%, auto;
background-position: left top, left top;
background-repeat: no-repeat, repeat;
}Thanks,
Nick
May 28, 2013 at 8:01 pm #121565Oh, and I don’t see the option of where to turn the Breadcrumbs off…? I see in Docs but when go to those 4 panels in Layout, nothing says Breadcrumbs (on or off)…?
Documentation Reads:
Adding simple Posts, Pages and Portfolio Entries – top
Writing a post or page doesn’t differ from doing so when using other themes. You add a title, add some content, and categories and thats about it. When writing or editing a post you will notice that the left side got an additional “layout” sidebar.
Here you can overwrite the default settings of your options panel. You can choose a custom sidebar position (left/right/no sidebar) and if you choose to display a sidebar you can also set to display a custom sidebar. If you want to create a new custom sidebar for an entry simply head over to appearance->menus. At the bottom of the page you will find a custom input field to add new sidebar areas.
Last but not lease you can choose if you want to display a subheader with page title and breadcrumb navigation when on a page.
May 28, 2013 at 7:59 pm #121348In reply to: Lightbox on preview images…
For your answere about my custom.css
.socket_color, .footer_color, .alternate_color, .container_wrap_logo, .main_color {
background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png);
background-size: 100% 100%, auto;
background-position: left top, left top;
background-repeat: no-repeat, repeat;
background-attachment: fixed, fixed;
}That’s the way for CSS3 multiples background, here I have 2 backgrounds, an SVG who is 100% height and 100% width, and a .png with repetition (under the SVG). No repeat is for the SVG and repeat is for the .png.
I use this from long time, it’s work fine, for example with your Choices theme. I have only this phenomenon in Enfold on Safari and Chrome…
Thx
Jul
May 28, 2013 at 7:47 pm #121346In reply to: Lightbox on preview images…
Nick you’re hero of the day! :o) That’s only what I needed!
Sorry for my explanations, my english is not (always) good ;o)
Just the last prob for me is the flickering effects with background that I had mentioned on Safari and Chrome. That’s a minor problem for me but it was mentioned also here : https://kriesi.at/support/topic/alternate-background-image-flickering-black-when-window-resize you can close my post and I’ll take a look on this one.
Thanks!
Jul…
May 28, 2013 at 7:43 pm #121220In reply to: Layer Slider and Secondary Menu
Okei this hide secondary menu:
#header_meta .sub_menu {
display: none;
}
but there is still that small white area top of the page. Yes I can use Small fixed header and then it´s out, but then header/logo is too small. Can I just use “Fixed header whit social icons and additional navigation” and some how hide top area (area where is social icon…)?
May 28, 2013 at 7:27 pm #121345In reply to: Lightbox on preview images…
Hi,
You can use the theme correctly with sidebar or without. Just a matter of tweaking it with CSS since there is no way to create such a robust theme that’s one-size fits all, without a few adjustments to meet individual expectations. But then again, that’s why I am here. :)
Please add this to your /css/custom.css
#top.single .fullsize .template-blog .post .entry-content > *, #top.single .fullsize .template-blog .post .entry-content {
max-width:990px !important;
}If 990px is too small, set it at 1100 but 990 seems to be the size of your image.
Thanks,
Nick
May 28, 2013 at 7:03 pm #121197In reply to: Enfold – Menu drop down height fix
The border on the menu is from this css:
/* CREATES TOP MENU FEINT LINE */
#top .main_menu {
height: 27px;
border-bottom-color: #5e5957 !important;
border-bottom-width: 1px;
border-bottom-style: solid !important;
}Just remember when you add new css for the desktop, you need to remove that styling if you dont’ want it on the content below.
Or, add your desktop only styles to a media query that will make them only show on a desktop. Something like:
/*
DESKTOP STYLES
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
/* Desktop styles go here */
}Regards,
Devin
May 28, 2013 at 6:22 pm #121742Hi,
Same problem for me (read the end of this post : https://kriesi.at/support/topic/lightbox-on-preview-images#post-114527 )
Flickering on mouseOver…
Regards,
Jul
May 28, 2013 at 5:16 pm #121572In reply to: how to create a banner at the top
Hi Ismael,
Thank you for your reply. I want to know how do you get the search bar, log in and register options (these are not part of the logo) above the menu as in the above site.
Thank you.
May 28, 2013 at 4:07 pm #120517In reply to: Problem with table layout in mobile devices
Thanks, Devin. I recreated all the tables with no success. The problem persists. My best guess so far is that is a problem in one of these classes:
@media only screen and (max-width: 767px)
{
.responsive div .avia-data-table table,
.responsive div .avia-data-table tbody,
.responsive div .avia-data-table tr,
.responsive div .avia-data-table td,
.responsive div .avia-data-table th{display:block; border-top:none; border-right:none; border-left:none; text-align: center;}
.responsive .avia-data-table{border-style:solid; border-width: 1px;}
.responsive .avia-data-table .avia-pricing-row .avia-desc-col{text-align: center;}
.responsive .avia-data-table .avia-button-row, .responsive .avia-data-table tr:first-child th{display:none;}
.responsive .avia-data-table td:before {
display:block;
font-style: italic; font-size: 11px;
}
.responsive .avia-data-table td {
position: relative;
}
}May 28, 2013 at 3:46 pm #121342In reply to: Lightbox on preview images…
Hi,
Have you assigned the News page to be the blog in Enfold > Theme Options? http://www.clipular.com/c?6941003=Gaw-5mtW4pH-GEOD9ZyE_T_op9A&f=.png
Are your settings in Settings > Reading (front page display) http://www.clipular.com/c?6919054=JosRzTZUT-5OncFDyuys04CjGFI&f=.png (top part) the same as here?
How are you creating the individual image page? This one http://www.juls.ch/studios/lost/ ?
—-
You are setting the post as Format “image”.. Save it as : format: Regular. .. I think the image format does what it says, it displays the entire image.
Also don’t forget that you can add the Advanced Layout option to posts as well, and that way you can add a slider in there or a gallery, so that way you will see the thumbnail first.
Thanks,
Nick
May 28, 2013 at 3:45 pm #23945Topic: ** ISSUE ** Transparent layer effecting colors
in forum Enfoldandypeck
ParticipantHi there,
there appears to be some sort of partially transparent layer over the top of my existing text and even the ‘back to top icon”. This means I cant color text from the styler properly as the ‘rogue’ color is mixing with the true colors beneath it. I need to remove this but even though Ive tried completely removing all my CSS its still there.
Cheers
Andy
May 28, 2013 at 3:31 pm #121111In reply to: Enfold…**Advanced** Top Menu tweak finishing
hi Nick,
Devin has told me off for asking for asking for direct support so ive taken off maintenance mode and will ask one question at a time. Ill keep things generic.
cheers for all your help anyway
youve been brilliant
so close too!!!!!
May 28, 2013 at 3:20 pm #121697In reply to: Advanced Layout Editor disappeared
Hi UKiain,
Try going to one of your pages and at the top right is a button/tab for “Screen Options”. Click and then in the panel that appears try checking the box for Advanced Layout Editor if it isn’t checked. If it is already, uncheck it and then recheck it.
Regards,
Devin
May 28, 2013 at 3:07 pm #121110In reply to: Enfold…**Advanced** Top Menu tweak finishing
Hi Nick,
good news is that Ive got my menu almost how I want it. Ive been busy playing.
here’s where im at…
1) LOGIN – Now im in Maintenance Mode – How do I give you and your colleagues access?
2) TOP MENU – Ive been playing with the z-axis to try and get the fat orange block to sit on top of the thin one but it wont budge.
3) TOP MENU – It now looks great in full screen mode on my mac but looks terrible on IOS devices.
Issue a) Logo doesn’t scale
Issue b) Lines above the menu (on right) don’t turn of when the responsive menu appears – overlaps right across top.
Cheers
Andy
May 28, 2013 at 3:05 pm #121652In reply to: Adding Layout options and Builder to new Post Type
Hi Jan,
Try the video linked here for adding the advanced layout builder to custom post types: https://kriesi.at/support/topic/video-requests
Regards,
Devin
May 28, 2013 at 2:46 pm #121695In reply to: Problem with portfolio filtering & paging
This is not a bug but the expected behavior because the isotope script ( http://isotope.metafizzy.co/ ) just rearranges/sorts/filters all existing entries on the current page and it won’t load any new content (additional entries, etc.) from other pages (eg with ajax, etc.) – 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 the pages 2,3,4,5,etc.
That said there’s no “fix” – maybe we’ll add an ajax filter to the theme but we have no concrete plans yet. You can also add your idea to the wishlist: https://kriesi.at/support/topic/enfold-feature-requests
May 28, 2013 at 2:31 pm #120816In reply to: Replacing or Adding a custom icon
Hi HammerbyGB,
I’m not really sure about either option at the moment but I’ve tagged Peter and Kriesi on the topic so hopefully they can shed some light on it.
Regards,
Devin
May 28, 2013 at 1:27 pm #121196In reply to: Enfold – Menu drop down height fix
Hi There,
Phew! Thought I was going mad!
Menu looks great in full screen mode on my mac but looks terrible on IOS devices.
*** Here’s whats happening when responsive mode kicks in***
a) Logo doesn’t scale
b) Lines above the menu (on right) don’t turn of when the responsive menu appears – overlaps right across top
c) In some instances (namely portrait mode on ipad) I end up with both menu’s appearing at same time
d) The slide out menu now has a nasty ‘thick’ line across it (need to lose that)
Darn it…. Have I really gone and broke it dis time?!!
Cheers
Andy
May 28, 2013 at 11:36 am #121195In reply to: Enfold – Menu drop down height fix
Hey Andy,
You just need to change that css to:
strong.logo img, #header_main .container, .main_menu ul:first-child > li > a {
height: 60px !important;
line-height: 60px !important;
padding-top:3px !important;
}which will prevent it from effecting the sub menus.
Regards,
Devin
May 28, 2013 at 8:41 am #121580Hi,
I am trying to center the topmenu and remove the logo. If I use the code above and adjust the values I can get the menu centered, but when I make the screen smaller to test responsiveness, it doesn’t look good. Any clues?
Regards,
Daan
May 28, 2013 at 8:14 am #121450In reply to: Single post without sidebar – Use the full page
Hey!
Yes, insert following code into the quick css field
#top .fullsize .template-blog .post .entry-content, #top .fullsize .template-blog .post .entry-content>* {
text-align: left;
max-width: 100%;
}Best regards,
Peter
May 28, 2013 at 6:39 am #121553In reply to: Hyperlink rollover not working
Hi,
How did you add the images without rollover effect?
If you want the rollover effect, you need something like this
<a href="http://www.klimhal-events.nl" class="avia_image avia-builder-el-3 avia-builder-el-no-sibling avia-align-center ">
<img class="avia_image avia_animated_image avia_animate_when_almost_visible top-to-bottom avia_start_animation" src="http://lavitasana.oscar.nl/wp-content/uploads/2013/05/landing-LVS-021-300x240.png" alt="">
<span class="image-overlay overlay-type-extern" style="opacity: 0.7; left: 0px; top: 0px; display: block; height: 240px; width: 300px;"><span class="image-overlay-inside"></span></span></a>This line of code is the rollover effect
<span class="image-overlay overlay-type-extern" style="opacity: 0.7; left: 0px; top: 0px; display: block; height: 240px; width: 300px;"><span class="image-overlay-inside"></span></span>They need to be included.
Regards,
Ismael
May 28, 2013 at 6:21 am #121310In reply to: Header Border (bottom)
Hi,
Please add this on your custom.css
#header_main {
border-bottom: none;
}
.stretch_full.container_wrap.alternate_color.light_bg_color.title_container {
border-top: none;
}
#header_main .container {
border-bottom: 1px solid #E1E1E1;
}Regards,
Ismael
May 28, 2013 at 5:54 am #121579Hey,
Sorry for the delay. You can move the menu via CSS. Just add this on your custom.css or Quick CSS
#menu-top-menu {
margin-top: 30px;
margin-left: -180px;
}Adjust the values.
Regards,
Ismael
May 28, 2013 at 5:49 am #121571In reply to: how to create a banner at the top
Hi,
I think that is the logo. Just insert your logo on Enfold > Logo.
Regards,
Ismael
May 28, 2013 at 4:36 am #121578Anyone?
May 28, 2013 at 4:16 am #121577I can see other posts being responded to. Can anyone hear me here?
May 28, 2013 at 4:16 am #121576Anyone? Please?
-
AuthorSearch Results
Viewing 30 results - 141,991 through 142,020 (of 142,595 total)
-
Search Results
-
Is it possible to swap the location of the social media icons and the top bar menu? For example can the social media icons go the right and the menu to the left?
Thanks!
Hi there,
there appears to be some sort of partially transparent layer over the top of my existing text and even the ‘back to top icon”. This means I cant color text from the styler properly as the ‘rogue’ color is mixing with the true colors beneath it. I need to remove this but even though Ive tried completely removing all my CSS its still there.
Cheers
Andy
