Shalom Eran!
1) Please add following code to Quick CSS in Enfold theme options under Styling tab
.avia-icon-list .iconlist-timeline { display: none; }
2)
.iconbox_top .iconbox_content { box-shadow: none; }
Cheers!
Yigit
This is what I have in the quick css under styling tab:
li#menu-item-3512 a {
padding: 5px 10px;
background-color: #0698d9!important;
color: white!important;
height: 30px!important;
line-height: 20px!important;
margin-top: 43px;
border-radius: 10px;
}
.header-scrolled li#menu-item-3512 a {
margin-top: 15px;
}
.home .fixed_header.social_header #main {
padding-top: 12px; }
You can check it out, it seems like it was before.
Thanks,
Guy.
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.home .fixed_header.social_header #main {
padding-top: 12px; }
Regards,
Yigit
Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 989px) { .avia-slideshow-dots { display: none; } }
Best regards,
Yigit
Hi,
How can I control the distance between the top menu and the slider?

In addition, where do I set the slider height?
Thanks,
Guy.
-
This topic was modified 12 years, 4 months ago by
guyco.
This reply has been marked as private.
Hi Peter,
The search icon is still not being displayed in-line when viewing it inside of IE8. I also found the exact same issue when testing the site on my iPad. In both Chrome (and Safari) on my iPad 4 (OS 6.1.3), the search icon is pushing the rest of the header border down, and the slider is no longer mortised to the top of the nav bar exactly the same as it appears in IE8.
Would you please take a look on the iPad as well? This is a pretty large eyesore that I’ll need to resolve before we can launch our site.
Thanks so much!
Mark
-
This reply was modified 12 years, 4 months ago by
Mark. Reason: additional detail
Hi Rohan!
By ‘links’ you mean the social top links?
Regards,
Josue
I just tried that plugin and the images in my portfolio grid disappeared, the thumbnails on my galleries stopped animating in, and the lightboxes stopped working at all.
The lightbox pretty much sucks on the iPhone — the formatting is funky, and having to click on those little arrows is really cumbersome. I would LOVE it if there were some improvement on this. Please let me know if you have any ideas.
Sorry…did not work. The theme is rewriting on top of the custom css for this one.
I ll try to install on an external site but that did not work, the sidebar still picks the theme font color and overides the button css
My personal oppinion is that a calender should show the year too but anyway thanks for the reply and for the alternativ solution.
It worked.
Just one more question (new topic). I searched yesterday in the forum for a solution to show the links from the socket on mobile devices but I didn´t manage to. Is there anyway to do so?
Regards
Asterios
-
This reply was modified 12 years, 4 months ago by
Asterios.
Hi,
I would like to apply a CSS rule only for specific browser, only IE8 or IE9, Chrome etc.
For example, if the browser is Explorer 8: #top #main .sidebar {padding-top:50px;}
If browser is Explorer 9, Firefox, Chrome etc: #top #main .sidebar {padding-top:100px;}
Is it possible?
Many Thanks!
This reply has been marked as private.
Hey, thanks for the response.
You mean instead creating my slider image size of 1030 x 360, I should extend the width to 1920 x 360? But in the Global Settings, I leave the “Slider Width” at 100% correct? As for image quality, even when I added the code in the function.php for jpg compression to 100%, that doesn’t do anything huh?
I was hoping to adjust where when stretching out the browser window size, that the image would expand, but retain the top and bottom position and expand outward proportionally.
Also, is there a way to add a short mail form in the Widget area? Would like to add an E-mail Subscribe Form, as in just an E-mail Field with a Submit button. I rather not go with a 3rd Party Plugin for this. Let me know. Thanks.
-
This reply was modified 12 years, 4 months ago by
khoavo.
Hi!
1) To fix the logo issue insert following code into the quick css field:
.logo img {
height: 55px\9;
width: 300px\9;
}
2) Yes, unfortunately IE8 does not support stretched background images because it doesn’t support css3 code. Only newer IE versions (IE9,10,11) support them.
Regards,
Peter
The AJAX portfolio images. They still open a lightbox, or try to, on mobile. Take a look at http:..mcalpin.net on the iPhone for instance… and choose one of the portfolio pieces. If you choose the Mesaging/Branding post, you’ll see that tapping on any of these photos brings up a lightbox. It shouldn’t. Also… although the arrows for the slideshow are gone… the little dots are still there. Can er get rid of those also?
Thanks Yigit!
Hey!
I think my fix works. I used the code someone posted here: http://en.forums.wordpress.com/topic/vertically-stretched-images-in-ie and adjusted it a bit
.avia-content-slider .slide-image img {
max-width: 100%;
width: auto;
}
At least IETester seems to display the images properly now. I’ll tag this thread for Kriesi and ask him to include the code with the next update.
Cheers!
Peter
Hey!
Please use this on your custom.css or Quick CSS:
@media only screen and (min-width: 769px) and (max-width: 1250px) {
.logo img {
width: 180px !important;
margin-top: 10px;
}
.main_menu ul:first-child > li > a {
font-weight: 600;
font-size: 11px;
}
}
Cheers!
Ismael
Hey seelyjen!
You can add this on your custom.css or Quick CSS:
#top .fullsize .template-blog .post .entry-content > * {
text-align: left;
}
You can use this to modify the meta info:
.post-meta-infos {
font-size: 10px;
}
Regards,
Ismael
Hi!
Please use the Non-Fixed Header then add this on your custom.css or Quick CSS to make it fixed.
#header {
position: fixed;
}
You can move the nav down using this:
.main_menu {
top: 20px;
}
Regards,
Ismael
Hi,
I am using the plugin simple share button that’s been suggested in several threads by the support staff; (like https://kriesi.at/support/topic/plugin-compatibility-for-sharing/)… and I love it.
However. When I put the widget into the footer, the text in the socket disappears unless the socket text (entered in the enfold options) is additionally wrapped in some kind of html, like <div> or . <span> unfortunately does not work. When using <div>, the alignment gets out of hand…
I am currently using some custom css and weird hacks to make it look ok, but I wonder what the issue is. Any ideas?
It happens both at the server and in local development environments (serverpress, xampp).
Best,
~CB.
Hi there I would like to introduce some of my products as layers in the frontpage slider. Similar to the demo page where the images of computers, smart phones etc drop in on top of the background image. My question is what format would I need the images in so that they are not simply pictures dropping on top of each other, They would almost need to be icons or transparent PNG files to get the same effect. Hopefully it make sense what I am trying to do. Any help is greatly appreciated.
Hi Khoa!
The browser/image compression you are seeing is just from using images that are then constrained by the css containers. There is no way around that with a responsive theme.
For the slider, a full width slider with no sidebar is going to be whatever the width of the current window. So going up to something more like 1920 width would at least give the image full resolution on most large screens. The clipping is just a result of the image stretching to match the full width container which will cause the edges of the top/bottom to get hidden depending on the exact size of the browser.
Best regards,
Devin
Hi!
Add this too:
.toggler{
font-weight: bold;
font-size: 18px !important;
}
.toggle_icon{
top: 15px !important;
}
Cheers!
Josue
Hey!
Ok, create that box (with the Layout Builder), just with the content you’d like, then reply to this topic to see if i can help you out with the styling.
Cheers!
Josue
Hey!
Ok, create that box (with the Layout Builder), just with the content you’d like, then reply to this topic to see if i can help you out with the styling.
Cheers!
Josue
Hi!
How do I create a new page to ONLY display one category of Posts? The category is called “Articles” and the category ID is 507.
I tried this but didn’t get very far. These are the steps I took:
1. Copied the Page Template (page.php) and called it articles.php
2. Added this line to the top of the file <?php /* Template Name: Article Page */ ?>
3. Added this code to the middle of the file to display only posts with category ID 507:
<?php
query_posts(‘cat=507’);
while (have_posts()) : the_post();
the_content();
endwhile;
?>
3. Created a new page called “Articles” and selected the template called “Article Page”
The problem is, the Articles page is not formatted like the Blog page (missing the title of the post with URL, date published, author, blog sidebar (even though I selected it in the Articles Page to show), etc…
Here is our blog page: http://bit.ly/HFDMyk
Here is our articles page: http://bit.ly/HLsmts
Thanks in advance for your time and help!
Hallo
Wir erhalten konstant Fehlermeldungen von monitor.us (meist über 10 pro Tag):
PROBLEM-Warnung
Dienst: HTTP
URL: http://finca-seguro.com
Name: finca-seguro.com_http
Tag-Code: Standard
Datum/Uhrzeit: 11-8-2013 19:04:52 (GMT + 2)
Zusätzliche Informationen: Failed to receive HTTP response. IP 205.186.187.156. Resource temporarily unavailable
Fehler von: EU, US
Wenn Ihr PageSpeed Insights anschaut sieht man die Fehler ebenfalls:
http://developers.google.com/speed/pagespeed/insights/?url=finca-seguro.com&tab=desktop
Könnt Ihr uns bitte weiterhelfen?
Danke und Grüsse
Doris
Hi,
I noticed this thread: https://kriesi.at/support/topic/portfolio-items-with-own-permalink/ which nearly answers my question: is it possible to replace the slug with a variable like category.
So suppose I have two categories: clients and products for different portfolio entries, can I have:
website.com/clients/client-1
website.com/clients/client-2
website.com/products/product-1
website.com/products/product-2
Thanks in advance
Hi there,
On my homepage slider, I set Slider width 100% and height 470. My image size is 1030×360 per the Documentation for a full width slider with no sidebar. The problem is when the Browser window is stretched all the way from left to right to fill up the monitor space, I noticed the image of the slider moves up which causes the top of the image to be cut off under the header bar. Anyway to fix this?
Also, other than adding: add_filter(‘jpeg_quality’, function($arg){return 100;}); to the function.php, is there any other way to ensure that WP doesn’t compress the images I’m uploading for the Gallery or Home Slider? Seems like this template still compresses my photos, especially in the Gallery when it’s smaller, looks a bit blurry, but clear when viewed in Lightbox. Please advise. Thanks again.
Please view my draft site at:
http://www.khoafolio.com/katya