Website is here:
http://www.thisistouch.com/testing
can’t tell if the logo is full size or not there, but the scrolling is better.
Since I changed the padding on the logo, the logo on the mobile is a little small –
want it still with the slide out menu next to it on the top.
Hey!
Please add following code to Quick CSS as well
body div .first { margin-top: 0; }
Regards,
Yigit
Hi simonac!
Please add following code to Quick CSS in Enfold theme options under Stylling tab
#top .main_menu .menu>li:last-child>a { padding-right: 15px; }
.header_color .main_menu ul { background-color: rgba(74,74,74,0.7); }
0.7 in background color is opacity. You can adjust it between 0-1
Regards,
Yigit
Hi Tobi!
Can you try cut&paste all custom CSS code that we have provided you in this topic out of Quick CSS ( basically undo – sorry ) and go to wp-content\themes\enfold\js folder and open Avia.js file and find
if(st < el_height/2)
{
newH = el_height - st;
header.removeClass('header-scrolled');
}
else
{
newH = el_height/2;
and change it to
if(st < el_height/1.25)
{
newH = el_height - st;
header.removeClass('header-scrolled');
}
else
{
newH = el_height/1.25;
Initial size of header will be 88px and will be resized to around 70px when scrolled down. You can adjust 1.25 value to adjust it as needed. It was not so clear to me until your last post. I believe that will do exactly what you are asking for
Best regards,
Yigit
Hey hughjames!
Please go to wp-content\themes\enfold\js folder and open shortcodes.js file and find
big_prev.stop().animate({opacity:0}, function()
{
big_prev.html(next_img);
big_prev.animate({opacity:1});
and change it to
big_prev.stop().animate({opacity:0.5}, function()
{
big_prev.html(next_img);
big_prev.animate({opacity:1});
Best regards,
Yigit
Hi!
You can add a margin to the read more link – add following css code to the quick css field and increase/decrease the margin value if necessary:
.slide-entry-excerpt .read-more-link{ margin-top: 10px; }
Regards,
Peter
Hey Jasmer!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .social_bookmarks li { border-right-style: none; }
Best regards,
Yigit
Thanks, I’ll try this.
But how can I show different content when I am on a mobile screen? I understand that using the method above I can have different sliders on mobile and desktop. However layersliders are just not responsive, text gets too small and videos have similar issues.
How can I have the layer slider appear on desktop, but have different ALTERNATIVE content on mobile? By different content I mean a text box or similar, just not another layer slider.
Many thanks for your help.
You can see one of the pages here – http://natureslens.co.uk/forums/topic/welcome/
The nice bubble surrounding the topic or reply is missing and the arrow appears to be misaligned at the top of the page
Hey dhunter413!
Since each of those is a icon list item it has the padding below it. So you can add this to your QuickCSS in your styling tab of the theme options:
#top.home #av_section_1 .avia-icon-list li {
padding-bottom: 0;
}
Which targets that specific section and removes the padding.
Regards,
Devin
This reply has been marked as private.
Hey Ismael
Bravo !!!
I played around with the code you gave me, which made me realize that I could just add “#top” to the code I had tried to use.
Here’s what worked:
#top .wpcf7-form #cf7
{
height: 40px;
width: 100%;
border-radius: 2px;
}
Here’s a link to the page:
http://padmayoga.dk/wp/tilmelding/
Thanks a lot!
Oh, now I see. Because as I understood from your reply here, that it listed the pages only in the default language (instead of current language, or maybe when you refer to current language you mean default language?) because users requested this behavior, and that it is not a bug.
We will try to re-install WPML or deactivate other plugins.
Thanks,
Lior
Hey yogananda!
Can you please give us a link to the actual contact page? You can add this on Quick CSS or custom.css:
#top input[type="text"] {
max-width: 100%;
min-width: 300px;
}
Adjust the minimum width value if necessary. Use this one to adjust the border radius:
#top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area {
border-radius: 5px;
}
Cheers!
Ismael
yeah, it doesnt work. I can set the css media queries for my iphone and ipad (portrait and landscape) just fine, but for desktop large screens it doesnt work…
Hey karlbaz!
You can use this on Quick CSS to remove the rounded borders:
.small-preview {
border-radius: 0;
}
Use this to add some border:
.main_color .small-preview {
border: 1px solid red;
}
This is the selector for the dashed line:
.single-small .post_author_timeline {
position: absolute;
top: 0;
left: 40px;
width: 1px;
height: 100%;
border-right-width: 1px;
border-right-style: dashed;
}
Regards,
Ismael
This reply has been marked as private.
Hey!
Please try removing jQuery Migrate plugin and check if that helps
Regards,
Yigit
This reply has been marked as private.
Hey Commodus76!
Please post the link to your website so we can take a look
Best regards,
Yigit
Hi karlbaz!
You can add this on Quick CSS:
#top .fullsize .template-blog .post-title {
text-align: left;
}
#top .fullsize .template-blog .post-meta-infos {
text-align: left;
}
Best regards,
Ismael
Hi bkheld!
Your website looks like it is currently down. Please check once again or post the link to another site where you have the same issue
Cheers!
Yigit
Hi katana!
Please add following code to Quick CSS in Enfold theme options under Styling tab
1-
@media only screen and (max-width: 989) {
#top .avia-slideshow-arrows a {
display: none; }}
2- Currently unfortunately it is not possible
Regards,
Yigit
Hey Bastian Jorgensen!
You can’t remove the margin of the header_main div because there is none but you can increase the width of the container inside the div. You can use the #header_main .container selector:
@media only screen and (min-width: 1140px) {
.responsive #header_main .container {
width: 1200px;
}
}
The media query above is for desktop view. You can use different media queries to target the container on different screen sizes.
Regards,
Ismael
Hi!
Please add following code to Quick CSS as well to increase the top padding of main content
.fixed_header #main {
padding-top: 156px;
}
Cheers!
Yigit
Hi there!
Just seen my site on my 27inch iMac and the Background Image (pool water) I’ve add to a Color Section on the homepage is not full width even though the actual image is 2560px wide. When inserting the image the largest I can set it to is Fullscreen Section/Sliders 1500×1000 in the drop down but this does not display fullscreen.
http://www.celadonsamui.com
Is there a way to create a full screen width background image with content, e.g. a Promo Box, on top of it? I’m sure I’ve seen you achieve this in your demo
Thanks very much!!
..but still works on regular sites….
I deaktivated all Plugins….but still a JS Conflict…..
“Uncaught Error: cannot call methods on sortable prior to initialization; attempted to call method ‘toArray’ – jquery.js?ver=1.10.2:3”
WP 3.8 and Enfold 2.4.5 are installed….
I can provide you with an Login, if you want…
THX in advance…..
Stefan
Hello,
I’m trying to install a custom font to use with Enfold theme, and I’ve tried some other topics here, and also tried the @font face script + Font Squirrel package fonts… but it’s just not working for me.
http://virtuavenue2.ripegroup.com/
The font that I want to use is http://www.fonts.com/font/exljbris/museo-slab/500/web-font
I have created a folder inside the theme folder called ‘fonts’
I then added the script to my custom.css
@font-face {
font-family: ‘museo_slab500’;
src: url(‘fonts/museo_slab_500_2-webfont-webfont.eot’);
src: url(‘fonts/museo_slab_500_2-webfont-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘fonts/museo_slab_500_2-webfont-webfont.woff’) format(‘woff’),
url(‘fonts/museo_slab_500_2-webfont-webfont.ttf’) format(‘truetype’),
url(‘fonts/museo_slab_500_2-webfont-webfont.svg#museo_slab500’) format(‘svg’);
font-weight: normal;
font-style: normal;
}
And then in the quick .css I put this:
h1, h2, h3, h4, h5, h6 {
font-family: ‘museo_slab500’, “Times New Roman”, Helvetica, Arial, sans-serif; }
Currently in the Enfold theme options / headings / I have Coustard selected – but when I revert this to ‘no custom font’ the site heading fonts look like they revet to Times New Roman…
So I’m a bit stuck – not sure how to add a custom font to Enfold that’s not a Google Font – and also does not mean I have to sign up to a paid plugin/subscription to use them.
Any detailed help would be greatly appreciated!! (I’m not very technical :)
Thank you!!