Hi Josue
Ok thanks. I’ve done it here using a colour section (the only way I can see how to do it)
http://www.mainline-energy.co.uk/home-page_new-with-featured-case-study_2/
Main problems (in order of priority) are:
1. The side bar gets pushed down. Needs to stay at the top on the right
2 It’s all the way across as a stripe rather than in a box
Thanks
Masten
Hi
I am trying to set up my blog post and pages to have a grey outer background, with a styled white container where the content is(So it looks like a white page on a grey background.
I have coded the CSS which works perfectly for page/post – however it carries through and screws the homepage.
Is there a way to have the edits to to page/post area without effecting the homepage code?
Here is the CSS I am using
.content .entry-content-wrapper {
padding-right: 50px;
padding-right: 50px;
background-color: #FFF;
padding-left: 50px;
margin-right: 30px;
padding-top: 30px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
Many thanks to anyone who can assist
Hi Yigit,
Thanks fou your answer.
I didn’t explain it very correctly! It’s not the layerslider but the Partner/logo ‘Onze sponsors’ (on the frontside), just under the top-layerslider who’s not working.
Our very small shop (http://www.autoclubleopard.be/te-koop/) was also using the Gallery element too. Right now, we’ve removed the non-working gallery en switched it so visitors could at least see what we are selling :)
Regards from Belgium!
1. How can I change the font color of the language selector in my top menu? Since now it is way to similiar to the rest of the navigation, it should look different and not like a regular subpage link.
http://www.subseasweden.com
Hi,
this code to change/remove flags does not work on my Enfold theme:
http://subseasweden.com/
Have put the code you posted in my Quick CSS but nothing happens.
Hi RicardoSuarez!
1)Please add following code to Quick CSS in Enfold theme options under Styling tab
a { text-decoration: underline!imporant; }
2
#top .main_color .avia-color-theme-color { color: white!important; }
Best regards,
Yigit
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, 3 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, 3 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, 3 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, 3 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