-
Search Results
-
Hi
For the DROP DOWN on my website, I want to highlight the current page I am on with a different color or make it bolder.
http://optizign.org/sitepreview/personaltouchdental.com/
The TOP MENU currently has this however if I am on a page within the DROP DOWN it doesn’t highlight the current page.
Topic: Can't Click Menu Item
We have this site in development: test.dorianagency.com.
There is a sub-menu item under the About Us link (top menu). When we try to click on the link for “Meet the Team”, we are unable.
This is in Windows 7 using Firefox 24.0.In reply to: Have image overlay always display
Hey!
It is done: http://greaterclarity.staging.wpengine.com/ (hosted on WPengine)
I modified js/avia.js, replaced this (431-490):
elements.each(function(e) { var link = $(this), current = link.find('img:first'); if(current.hasClass('alignleft')) link.addClass('alignleft').css({float:'left', margin:0, padding:0}); if(current.hasClass('alignright')) link.addClass('alignright').css({float:'right', margin:0, padding:0}); if(current.hasClass('aligncenter')) link.addClass('aligncenter').css({float:'none','text-align':'center', margin:0, padding:0}); if(current.hasClass('alignnone')) { link.addClass('alignnone').css({margin:0, padding:0});; if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'inline-block'}); } } }); elements.on('mouseenter', function(e) { var link = $(this), current = link.find('img:first'), url = link.attr('href'), span_class = "overlay-type-video", opa = link.data('opacity') || 0.3; overlay = link.find('.image-overlay'); if(!overlay.length) { if(current.outerHeight() > 100) { if(link.height() == 0) { link.addClass(current.get(0).className); current.get(0).className = ""; } if(!link.css('position') || link.css('position') == 'static') { link.css({position:'relative', overflow:'hidden'}); } if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'block'}); } if(url) { if( url.match(/(jpg|gif|jpeg|png|tif)/) ) span_class = "overlay-type-image"; if(!url.match(/(jpg|gif|jpeg|png|\.tif|\.mov|\.swf|vimeo\.com|youtube\.com)/) ) span_class = "overlay-type-extern"; } overlay = $("<span class='image-overlay "+span_class+"' style='opacity: 0;'><span class='image-overlay-inside'></span></span>").appendTo(link); } } if(current.outerHeight() > 100) { overlay.css({left:current.position().left + parseInt(current.css("margin-left"),10), top:current.position().top + parseInt(current.css("margin-top"),10)}) .css({display:'block','height':current.outerHeight(),'width':current.outerWidth()}).stop().animate({opacity:opa}, 400); } else { overlay.css({display:"none"}); } }).on('mouseleave', elements, function(){ if(overlay.length) { overlay.stop().animate({opacity:0}, 400); } });With this (431-479):
elements.each(function(e) { var link = $(this), current = link.find('img:first'), url = link.attr('href'), span_class = "overlay-type-video", opa = link.data('opacity') || 0.3; if(current.hasClass('alignleft')) link.addClass('alignleft').css({float:'left', margin:0, padding:0}); if(current.hasClass('alignright')) link.addClass('alignright').css({float:'right', margin:0, padding:0}); if(current.hasClass('aligncenter')) link.addClass('aligncenter').css({float:'none','text-align':'center', margin:0, padding:0}); if(current.hasClass('alignnone')) { link.addClass('alignnone').css({margin:0, padding:0});; if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'inline-block'}); } } overlay = link.find('.image-overlay'); if(!overlay.length) { if(current.outerHeight() > 100) { if(link.height() == 0) { link.addClass(current.get(0).className); current.get(0).className = ""; } if(!link.css('position') || link.css('position') == 'static') { link.css({position:'relative', overflow:'hidden'}); } if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'block'}); } if(url) { if( url.match(/(jpg|gif|jpeg|png|tif)/) ) span_class = "overlay-type-image"; if(!url.match(/(jpg|gif|jpeg|png|\.tif|\.mov|\.swf|vimeo\.com|youtube\.com)/) ) span_class = "overlay-type-extern"; } overlay = $("<span class='image-overlay "+span_class+"' style='opacity: 0;'><span class='image-overlay-inside'></span></span>").appendTo(link); } } if(current.outerHeight() > 100) { overlay.css({left:current.position().left + parseInt(current.css("margin-left"),10), top:current.position().top + parseInt(current.css("margin-top"),10)}) .css({display:'block','height':current.outerHeight(),'width':current.outerWidth()}).stop().animate({opacity:opa}, 400); } else { overlay.css({display:"none"}); } });Final file: http://greaterclarity.staging.wpengine.com/wp-content/themes/enfold/js/avia.js?ver=1
Cheers!
JosueHi lifeb00th!
1) I am not sure if i understood you clearly. Can you post a screenshot?
2) Please see this post https://kriesi.at/support/topic/footer-edit/#post-182430Regards,
YigitIn reply to: Have image overlay always display
In reply to: Portfolio UI elements disappear on mobile view
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.responsive #top .avia-post-nav { display: block; }Regards,
YigitIn reply to: iPhone Fuzzy Blog Text
Hey Jonathan!
Please refer to this post https://kriesi.at/support/topic/retina-images-and-fonts-in-portfolio-grid-theme-enfold/#post-164007
and let us know if issue remainsRegards,
YigitHi!
Please refer to this post for mobile menu https://kriesi.at/support/topic/collapsable-menu/#post-165144
It will enable you to change the width to switch to mobile menu.
Can you post a screenshot showing sidebar issue you are having?Cheers!
YigitIn reply to: Logo Re-sizing Issue 2.4, other topic closed
Hey!
Add this code to the Quick CSS:
.logo img, .logo a { max-height: none !important; }Cheers!
JosueIn reply to: breadcrumb zu lange
Hi gmmediadienste!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.title_container .breadcrumb { left: -3px ; margin-top: 15px; } .title_container { height: 65px; }Should look like this http://i.imgur.com/SDf2fLk.jpg
Best regards,
YigitThe logo was hidden, but “youtube” text displays at the top instead. I really need the YouTube to present correctly, with no YouTube logo/text and no recommended videos at the end.
In reply to: Padding for Submit Forms
Hi serverlift!
Please try adding following code to Quick CSS in Enfold theme options under Styling tab
#top input[type="text"] { margin-bottom: -5px; }Cheers!
YigitWell, that’s a start. But not completely there. So, I decided to dive in myself. To make the entire .avia-icon-list-container take up less content area requires substantially more CSS involving edits to the children H4, P, line-heights, margins and various other things. It’s a matter of taste and you will have to fiddle with several things to make it work for your site. I offer some code snippets and comments to aid you in doing what you want, along with before and after screen captures to see what the results will look like. I am not completely sold on what I made here and think it can be tweaked more, but it should give you the nuts and bolts to get the job done for your site. Please note that .page-id-734 class relates to my installation here. Your mileage may vary. You may want to change things globally, or perhaps you can make a Class wrapper to selectively control specific Icon Lists within the Icon List page editor. Enable the custom CSS Class settings in your functions.php file in your child theme for the latter. Search this site for the code block to enable that feature.
In my opinion, there should be some options on the back-end for doing this automatically as mentioned in my previous post above. If you folks at Kriesit.at want to use this code base as a baseline for improving a more automated method, I think folks will welcome it.
Cheerios and good luck.
.page-id-734 .avia-icon-list LI { /* margin-top: minus top property tightens up the spacing between each topic item margin-left: minus left property shifts the entire icon list container back to the left due to the margin-left settings in .iconlist_icon that recentered the dotted lines */ margin: -20px 0 0 -17px; } .page-id-734 .avia-icon-list .iconlist_icon { height: 40px; width: 40px; font-size: 22px; line-height: 40px; /* margin-left: Important to do here - recenters the dotted line margin-right: gives space right of the circle for adjacent text */ margin: 0 30px 0 13px; } .page-id-734 .avia-icon-list-container .iconlist_content { font-size: 12px; /* line-height: tightens up paragrapgh content under the item heading */ line-height: 17px; } .page-id-734 .avia-icon-list-container H4 { /* Resizes the Item Heading */ font-size: 13px; }
Topic: Changing social icon colors
Hi How can I change the social icons and top menu color? I want it to be different than my menu color. I have tried a bunch of CSS but nothing worked. It stays the same color as my header font color selection in theme options.
Hello Kriesi Team,
2 kleine fragen.
1) wir würden gerne im easy slider externe Bilder (webcams, die somit automatisch updaten) über externe URLS einbinden. Selbiges allenfalls beim normalen “Image”. Beides erscheint uns nicht möglich! Kann das sein oder gibt es eine workaround?
2) das Scroll to top Icon (rechts unten) hat bei uns keine Pfeil mehr (z.B: http://goo.gl/CbSsX1) Wie können wir das ändern?vielen dank und lg
Topic: ::selection background-color
Tried searching the forums, but couldn’t find anything related to Enfold.
How can I change the background-color for text selection? Have tried adding the following to my custom.css:
::selection {background-color:#ef7c0b!important;} ::-moz-selection {background-color:#ef7c0b!important;} ::-webkit-selection {background-color:#ef7c0b!important;}Yes, even with !important it still doesn’t work.
As far as I understand, the color used for background-color of text selection is the same as the one added in the theme settings in WP. Yet, as I have already mentioned in a previous topic several months ago, I cannot add my specific company color to the theme settings. So how can I overwrite that different color, or is there a way to solve that bug?
In your Theme settings -> Styling -> Main Content -> Primary Color, try adding the following #EF7C0B. You will see the C is replaced by a D. Seems like a minor change, but try filling 2 squares with each color, you’ll see the difference. For my company, it’s important to get it right.
Hi
I am disruptivevision, I have already created this topic, but i didnt get proper solution.
The # links are not working properly, when we click on same page it is working fine. but when we navigate from other pages it is not working properly. The website is live, http://www.disruptivevision.com.Please could you help me on this.
Thanks
In reply to: Responsive Design breaking some parts
Hey!
1) Please refer to this topic for menu overlapping issue https://kriesi.at/support/topic/collapsable-menu/#post-165144
2) You can add following code to Quick CSS in Enfold theme options under Styling tab to hide social icons on screens smaller than 522px and change its position on screens smaller than 767px@media only screen and (max-width: 767px) { .responsive #header .social_bookmarks { width: 25%; }} @media only screen and (max-width: 522px) { .responsive #header .social_bookmarks { display: none; }}3) You can add following code and adjust it to make h1 inline with video
.home .template-page .entry-content-wrapper h1 { margin-top: -5px; }Best regards,
YigitIn reply to: Current Page link color in drop down
Hey optizign13!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust
.current_page_item>a, .current-menu-item>a { color: white; } #top .main_menu .menu li ul a { color: #f2f2f2; }Regards,
YigitIn reply to: Remove featured image from top of blog post
In reply to: Image spanning from header to footer
Hi!
You can use the .home class. I.e. instead of
.bottle{ width: 350px; height: 650px; position: fixed; left: 0; top: 0; z-index: 1000; }use
.home .bottle{ width: 350px; height: 650px; position: fixed; left: 0; top: 0; z-index: 1000; }and the bottle will only be displayed on the front page.
Best regards,
PeterIn reply to: Remove featured image from top of blog post
In reply to: Unique Header Background per Page
Hey!
1) Try following code to change the background
.page-id-2459 .header_color .header_bg { background: #1a1a1a url(https://www.digitalclicksmarketing.com/dcm/wp-content/uploads/2013/04/header_background1.jpg) top center repeat scroll; }2) Probably not without creating a new layout element because i.e. a table would look different. However you can create a 3 column structure and then use the “iconbox” shortcode to create a similar design. You can also try the new masonry grid to reproduce it.
Best regards,
PeterTopic: Easy Slider Scrolling
In reply to: Don't want header to resize
I added that code but also had to make sure that the logo still didn’t resize and the image came right up to the end of the header bar so I added this too:
.logo img, .logo, .logo a {
max-height: 88px !important;
}.fixed_header.social_header #main {
padding-top: 118px;
}Thanks!
In reply to: Don't want header to resize
Hey Andrea!
In your custom.css file you will have a Desktop Styles media query. Add this into that and adjust as needed:
#header_main .container, .main_menu ul:first-child > li > a { height: 88px !important; line-height: 88px !important; }Regards,
DevinHi hodgsondesign!
You need to manually add the social buttons and provide the images. Edit js > avia.js, find this code:
elements.prettyPhoto({ social_tools:'',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh });For example, we will add a facebook button. Replace the code above with this:
elements.prettyPhoto({ social_tools:'<div class="pp_social"><div class="facebook"><a href="facebook.com" class="facebook-button"></a></div></div>',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh });Add this on your custom.css or Quick CSS:
.pp_social .facebook .facebook-button { display: block; width: 20px; height: 20px; background: red; position: relative; margin-top: -15px; } .pp_social .facebook { overflow: visible; }You can replace the background with the facebook icon and replace the url with your account.
Cheers!
IsmaelIn reply to: Easy Slider Arrows
Hi optizign13!
Please add this on your custom.css or Quick CSS:
#top .avia-slideshow-arrows a { visibility: visible !important; opacity: 1 !important; }Best regards,
IsmaelHi,
I was wondering how easy it would be to make the logo central at the top of the page and have the menu below it? I need everything else to be the same but would like this change, need it something like this http://www.boydindustries.com.au/
Im happy to pay for a mod or please point me in the right direction with edition the files.
Warmest regards,
Shane
Greetings,
First of all, thank you for the wonderful Theme. Its just amazing how easy it is to make a website with this theme!
Here’s a problem that I’ve been trying to solve for several days and couldn’t figure out so here I come to the forum to get some help.
I’m having problem having the icons from the icons list display in the backend. When I select any of the Icon (that does not display properly) and save and publish the page, then the icon does appear on the fron end of the website. So the Icons its self is there and appearing, I just cannot see the preview of icons when I’m trying to “choose” which icon to use. When I first installed the theme, I was able to see the theme, but along the way they stop displaying… what did I do?! :(
here’s an image
http://tinypic.com/r/2ng7g3l/5I’ve looked through the forum and and tried a few different things,
・updated the theme to most recent 2.4
・uploaded new fonts from fontello
・deleted cashebut these didn’t seem to do the magic.
I’m guessing there’s an issue with some of the PHP files, but unfortunately I’m not the most code illiterate to figure this out on my own. I would love to use these amazing sets of icons…(only if I could know which one they are!) Any ideas on what maybe causing this problem?Thanks in advance,
Neo
Viewing 30 results - 137,371 through 137,400 (of 142,511 total)
