Hi,
after updating from 2.5x to 2.6.2 we have some big problems:
the site constantly reloads
the navigation doesn’t look right
we disabled the socialbuttons at the top but they are displayed nevertheless
The site is http://www.aachener-kolloquium.de
Thanks in advance
Thomas
I redownloaded a version from themeforest and reuploaded it, but this didn’t help
Hi Carolina!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a { border: none !important; }
Best regards,
Yigit
Hey Nic!
That is a bit complicated but maybe you can try something like this. Create a page then add a color section with background, set the height to at least 75% of the screen. Add this on Quick CSS or custom.css:
#main {
padding-top: 0 !important;
position: relative;
z-index: 2000;
}
.header-scrolled {
z-index: 3000 !important;
position: fixed;
}
On page load, the header will be covered by the first color section and once you scroll down the header will appear on top of the section.
Best regards,
Ismael
Hey ollyjukes!
Please try adding following code to Quick CSS in Enfold theme options under Styling tab
.avia_mobile #top .av-parallax-section { z-index: 0; }
Regards,
Yigit
Hi, in this thread https://kriesi.at/support/topic/responsive-bug-on-image-slider-text/ I was told how to change the responsive text within an Easy Slider which you can see from the code below. Please can you let me know how to make the text resize correctly with the Full Width Easy Slider (http://gd3.geneticdigital.co.uk/g-test-page/) as it’s not displaying correctly in landscape & portrait in a Nexus 7 and iPhone 5.
Thanks
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
}
@media only screen and (max-width: 767px) {
.avia-slideshow .avia-caption .avia-caption-title { font-size: 18px; padding: 2px; }
}
@media only screen and (max-width: 480px) {
.avia-caption{ padding: 0; bottom: 3px; }
.avia-caption .avia-caption-content p {padding: 2px;}
}
Hi There,
I am having difficulties sorting my portfolio by title and did have a thread here but after a few days of waiting for help I see the thread has been closed and I was anxiously, patiently waiting. Big sigh….
My site is due to go public tomorrow and I was really hoping for some type of resolution by now. The thread is/was “Portfolio sort by title and title display on hover”.
I can’t tell you how much I appreciate your help :-)
Kim
hi
is it possible to use some sort of rating system to bring certain portfolio items to the top/front page of the portfolio grid?
On your own demo! Have a look at the image with the overlaid text “A BEAUTIFUL EXPERIENCE!” on the page “Home v9: Videos and parallax”, the parallax effect is working fine in Firefox, but not in IE10. Also, the image is further up in IE, you can just see the top of the tomato in Firefox but the whole of it can be seen in IE.
The site that I’ve just started building is at http://www.artisan18.co.uk/
-
This reply was modified 12 years ago by
Artinet.
Hi guys,
I want to add twitter icon (from fontello) at the end of the main menu navigation I have at the top of my website (I want to add it next to just on the right of “startup journal” on the main menu so it becomes part of main menu)
Here is my website –> http://bit.ly/1gluA0i
Can I do it?
Thank you millions!
Ali
Hi Peter,
hat leider nicht funktioniert. Konnte den Fehler jedoch durch eine CSS-Anpassung innerhalb von prettyphoto beheben.
/*prettyPhoto adjustments for mobile devices. 1024px is presumed widest device.*/
@media screen and (max-device-width: 1024px) {
.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: scroll; -webkit-overflow-scrolling : touch; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
#pp_full_res { line-height: 0.7 !important; }
.pp_details { width: 94%!important; padding: 15px 3% 15px 3%; min-height: 35px; background-color: #fff; margin: 0!important; }
div.pp_default .pp_description {margin: 11px 50px 5px 153px !important; }
div.ppt { display:none !important; }
.pp_play {margin-right: 20px !important;}
.pp_arrow_previous {margin-right: 5px !important;}
}
Vielen Dank.
Gruß,
Nic
Hi!
Try to increase the width of the icon with:
#top .gform_wrapper .chzn-container-single .chzn-single div {
width: 28px !important;
}
Best regards,
Peter
This reply has been marked as private.
No it is not there normaly my favorite programer added this for me :)
But maybe you can copy/paste it to your theme.
i used the enfold theme.
<!-- STICKY HEADER ANFANG -->
<link rel="stylesheet" type="text/css" href="http://www.apprupt.com/blogv4/wp-content/themes/enfold/css/stylesheet.css" />
<script type="text/javascript">
jQuery(document).ready(function ($) {
var scroller,
element = $(window),
navi = $('.sticky-navigation'),
ontop = true,
threshold = navi.offset().top;
navi.wrap('<div class="sticky-wrapper" />');
navi.each(function() {
var $this;
$this = $(this);
$this.parent().height($this.outerHeight());
return true;
});
scroller = function () {
var t = element.scrollTop(), tt = false,
$body = $(document.body), h, hh;
if (t > threshold && ontop) {
ontop = false;
tt = true;
} else if (t <= threshold && !ontop) {
ontop = true;
tt = true;
}
if (tt) {
navi.toggleClass('stuck', !ontop);
}
if ($body.css('position') == 'absolute' && navi.hasClass('stuck')) {
h = parseInt($body.css('left'), 10);
hh = true;
if (!h) {
h = parseInt($body.css('right'), 10);
hh = false;
}
console.info('add margin ' + hh + ' ' + h);
navi.css('margin-left', (hh ? h : -h)).css('margin-right', (hh ? -h : h));
} else {
console.info('remove margins');
navi.css('margin-left', 0).css('margin-right', 0);
}
};
element.bind('resize', scroller);
element.bind('scroll', scroller);
window.__topBarScroller = scroller;
});
</script>
<!-- STICKY HEADER ENDE -->
you’ll need this part i think
http://www.apprupt.com/
Hi!
Maybe try to re-save all theme settings and make sure that you save the “Chinese” settings and the “English” theme settings. Use the language switcher in the admin bar to switch between the different theme settings. If this doesn’t help place following code into the quick css field (Chinese theme settings):
.av_secondary_right .sub_menu {
float: left;
}
Best regards,
Peter
Hey agbishara!
Great, glad it’s fixed now.
Best regards,
Peter
Hi!
I noticed two blurry images on your website. One section uses this image: http://sc.preview.addwebtoday.com/wp-content/uploads/2014/03/Schneider-Centre-Office-Ft-Myers.jpg as background. The image size is 598px x 438px and thus the background appears blurry on screens with a higher resolution. The second blurry background (section at the very top) still links to a thumbnail ( http://sc.preview.addwebtoday.com/wp-content/uploads/2013/04/Ft-Meyers-Beach-Plastic-Surgery-300×195.png ). Please make sure that the original image ( http://sc.preview.addwebtoday.com/wp-content/uploads/2013/04/Ft-Meyers-Beach-Plastic-Surgery.png ) is used. Note that this image has a resolution of 1000 x 650px and screens with a high resolution will also display a blurry baxkground. If you want perfect backgrounds you also must use high resolution images with a resolution of 1920px or more.
Best regards,
Peter
Hope life is grand in Kriesi world :)
I’m trying to complete a new design for a client, the idea came from another site i came across on the awards site. Here is the link http://phobiahz.fr The site is using the salient theme, but I’m sticking with enfold for life!
Basically my question is in regard to firstly when you open http://phobiahz.fr the first thing you see is the slider/top section of the page. No matter how you change the size of the browser all you will see is this section. I have tried this on enfold but when i change the size of the browser it will start to show the next section of the site. How do i keep this from happening with enfold?
My next question is in regard to background images. I have set a background, and then added an image with the them builder, the image is responsive but the background image does not change down with the image, it seems that the background image is not responsive? Would i need to use media queries to control the background image?
Thank you Ismael !
That worked but then the container’s height was too small for me…
I tried to change some of your values and it looks ok for me this way.
Can you just confirm these values are good for you, I mean… “logical/clean” ?
Thanks again,
Marie
http://eq59799.amanda6.nfrance.com/
/* Reducing title container’s height and vertically align the breadcrumb */
.title_container .breadcrumb {
margin-top: 0;
}
#top .title_container .container {
padding: 0px 0px 6px 0px;
min-height: 60px;
}
.title_container .main-title {
top: 18px;
}
Hi!
Please create me an ftp account and post the login credentials as private reply. I’ll add the code I posted here: https://kriesi.at/support/topic/remove-dates-displayed-in-child-latest-news-widget/#post-241094 to your functions.php file. I know that it works because I also use it on my website without problems.
Best regards,
Peter
Hi!
WordPress doesn’t know which “masonry page” is the parent page of a “single portfolio entry” because the masonry grid is actually just a shortcode which is embedded into the content of a page. Kriesi found a workaround and Enfold stores the id of the parent portfolio/grid page into a session.
I.e. if the user first views this portfolio grid page (http://frostholm.co.uk/portfolio/bedroom-furniture/ ) the server will save the page id into the session and as soon as the user views the single portfolio entry (i.e. http://frostholm.co.uk/portfolio-item/edwardian-dressing-stand/ ) Enfold uses the session data and the saved page id to build the breadcrumb (You are here:Home / Antiques / Bedroom Furniture / Edwardian Dressing Stand). If the user accesses the portfolio entry from another portfolio page: i.e. from http://frostholm.co.uk/ it does not save the parent page id and the breadcrumb will be wrong. Note that you need to clear the browser cache to remove the session data if you want to test this.
You’ve two options:
1) Make sure that the same portfolio items are not part of several masonry grids and remove the masonry grid from the homepage.
2) Use the code I posted here: https://kriesi.at/support/topic/breadcrumbs-with-portfolio/ – then the breadcrumb will just the portfolio categories of the current entry and by going this way the breadcrumbs will always have the same structure regardless of the masonry gridpage/location. However you can’t show the masonry page link in the breadcrumb because the breadcrumb will just list the categories of the current portfolio entry.
Best regards,
Peter
Hey kardemomme!
I reported it to Kriesi. You can use this css code:
@media only screen and (max-width: 767px){
#top .av_header_transparency #header_main {
background-color: #fff !important;
}
}
as a temporary quick fix. Insert it into the quick css field.
Cheers!
Peter
Hey!
Use 1500px image then the theme will re-size or break the image down to smaller thumbnails. If you want to create a new topic, just browse through theme list and look for the current theme that you’re currently using. Scroll below, you’ll see the “Create New Topic” section.
Regards,
Ismael
Hey!
I checked the website and I think the layout.css file is corrupted or not complete. Please download the theme again from your themeforest account then update the theme via FTP.
I didn’t find this code on layout.css code which align the menus:
#top .main_menu .menu li {
float: left;
position: relative;
z-index: 20;
}
Best regards,
Ismael
Hi StMo!
You can reduce the top margin of the subheading:
.av-subheading_below {
margin-top: 0;
line-height: 1.3em
}
Regards,
Ismael
Hi marienoisette!
Please add this one to vertically align the breadcrumb:
.title_container .breadcrumb {
margin-top: 0;
}
#top .title_container .container {
padding: 0px 0px 6px 0px;
min-height: 30px;
}
.title_container .main-title {
top: 9px;
}
Best regards,
Ismael
Hey chiummog!
Please add this on Quick CSS or custom.css:
#customer_login > div.col-1 > form > p.lost_password {
margin: 0 0 10px 5px;
position: relative;
left: 5px;
top: -12px;
}
form.login, #top form.register {
padding-bottom: 50px;
}
Best regards,
Ismael
This reply has been marked as private.
Hey G_T_M!
Please refer to this link: https://kriesi.at/support/topic/adding-featured-images-to-the-search-result/
This should use the featured images of posts and pages for search results.
Best regards,
Ismael