HI
Many thanks for this – right now messing around with illustrator etc to try and get some decent images.
On a different topic – I am getting lost as to how to edit the images that are displayed in the three large boxes under single portfolio 2/3 slider – which goes across the page in 3 colums on the template home page – when I click edit it just allows you to change how many display etc. How to I change the actual images?
Thank you!
I’m not quite sure what you are going for but I would just use a single background for that whole text block. If you need it to be a bit more wide on mobile or something then you can change out the background with a media query.
The custom.css file has an example of a desktop only and mobile only media query you can use.
This reply has been marked as private.
Thanks for the CSS Ismael. That’s quality support!
please have a look again. i attached the advanced layer slider with the vimeo videos on top of the website !
thanks for the links, i will read them.
another point:
i have changed the header to small fixed. first i had the small non fixed and edited the css so i had no padding at all with the header.
it was only 20 pixels or so, enought to see the main menu.
now that i have small fixed i got this huge white gap under the menu again. when i scroll down the header gets back to the way i want to look it like.
how can i change this ?
very much thanks for helping me !
i am really a beginner to all this .
Hi!
You can find some code snippets on new Enfold documentation here http://kriesi.at/documentation/enfold/
And you can find a list of custom CSS codes that another user shared here https://kriesi.at/support/topic/custom-css-for-your-pleasure/#post-25635
It does look fine on my end http://i.imgur.com/Y2xVTSa.jpg
Can you post a screenshot and show how looks on your end?
Cheers!
Yigit
Hi Guys,
You helped me set up a Mobile Redirect for my home page as my landing page (www.jonnyfreesh.com) isn’t very suitable for mobile devices. Here is the thread detailing what you told me to do – https://kriesi.at/support/topic/homepage-redirect-on-mobile-sites/
I was playing around with the settings of W3T Cache and discovered that if I have page caching enabled (which I believe is pretty important) then the mobile redirect doesn’t work. Any way to fix this?
Thanks
Jonny
Hey studiotopo!
Please try to insert following code into the quick css field
@media only screen and (max-width: 989px) and (min-width: 768px){
.responsive .mobile_menu_tablet .main_menu {
display: block;
}
}
Cheers!
Peter
Hi!
You can suggest the Nextgen Gallery integration here: https://kriesi.at/support/topic/enfold-feature-requests/ – if more users request it we’ll look into it.
Cheers!
Peter
Hi!
Install the plugin, go to Tools > Localization and select “Themes”. Then search for “Enfold” in the list and click on “Add new language”. Then select your language from the list and click the “create po-file” button. Click on “Rescan” to search for all text strings. Then click on “Edit” and translate the required strings from the “avia_framework” textdomain. At least click the “create mo file” button next to the “Textdomain” selection dropdown (top left corner).
Cheers!
Peter
Hey!
Enfold should display a language switcher as soon as you activate WPML. It seems like WPML is not activated at the moment and thus you can’t see/use the language switcher. The language switcher will be displayed at the top menu (i.e. like here: http://goo.gl/v5TMq3 ).
Best regards,
Peter
This reply has been marked as private.
Hi!
Tbh I’m also not sure if LayerSlider 4.x supports different autoplay settings for different videos. We’ll release a theme update with LayerSlider 5.x soon and maybe the new slider version fixes the issue. If not we’ll contact the plugin author and ask him to look into it.
Regards,
Peter
This reply has been marked as private.
Hi Vermishelle!
Please try to re-install all themes files. I recommend to use ftp ( https://vimeo.com/channels/aviathemes/67209750 ) to overwrite the old theme files because I guess one or more files are corrupt at the moment and produce some invalid output. If you’re using a child theme or modified code make sure that the child theme code (or your modified code) doesn’t conflict with the latest theme update.
Regards,
Peter
Thank you Josue I’ve seen that this guy uses an ID and the guy in the other topic uses: .main_color .av-masonry {
Both work OK but what’s the difference? Both worked but the first one changed the color of the screen background. The background I’m using is black and it turned it into a grey almost white.
This reply has been marked as private.
Hi deyowulf!
Where do you want it to show? Maybe, you can add it on header.php, find this code at the very bottom:
<?php } //end blank check ?>
<div id='main'>
Add this below:
<?php echo do_shortcode('[shareaholic app="share_buttons" id="4766761"]'); ?>
<?php echo do_shortcode('[data-app-id="4766761"]'); ?>
On Enfold > Styling > Quick CSS, add this code:
p.pos_fixed {
position:fixed;
top: 30px;
left: 50px;
}
Cheers!
Ismael
Hey deyowulf!
You can use this:
#top .header_color input[type='text'] {
color: blue;
}
::-webkit-input-placeholder { /* WebKit browsers */
color: red
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: red;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: red;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: red;
}
Cheers!
Ismael
Take a look: http://www.skorosvadba.ru/wp-login.php
If you’re logged in, you see this crap on any page, if you are not, you won’t.
Hey Rohan!
1.) Add this on Quick CSS:
.iconlist_content_wrap {
padding-top: 13px;
}
2.) You can remove the icon background color using this:
.main_color .avia-icon-list .iconlist_icon {
background-color: transparent;
}
Change the icon color using this:
.avia-icon-list .iconlist_icon {
color: gray;
}
3.) Change the background color of the iconbox content using this:
.main_color.iconbox_top .iconbox_content {
background-color: gray;
}
Regards,
Ismael
Hi,
How can I reduce the radius of the circles that surround these icons?
http://www.indiatrail.org/explore-nagaland/
[talking about the icons on top which I have used for navigation]
Thanks
Rohan
Hi,
Great template! I have now used it three times!
1. How can I center the text in this icon list? Seems to be more top aligned at the moment. Also, can I remove the circle shading and just keep the icon? Or can I change the colour of the icon/ circle? Link http://www.indiatrail.org/explore-nagaland/
2. How can I change the white colour background for the text box associated with the icon list on this page? White is too much of a contrast. http://www.indiatrail.org/trails/
Thanks
Rohan
Hi, on some of my portfolio pages the side ‘next’ ‘previous’ transparent tabs are not showing (using color section with clear PNG and full-width photo). I’ve tried to fix the z-index but I don’t think I’m editing the correct CSS:
#top .avia-post-nav {z-index: 1500 !important;}
Here’s a sample of the problem:
http://mediumstudio.com/wp/?portfolio=travessia-urban-winery
Works here (using same elements):
http://mediumstudio.com/wp/?portfolio=cork-wine-and-tapas
much thanks
Hi Ismael,
Thanks – that worked! How about the font size in the main menu at the top?
Hey Simon!
Please refer to this link on how to override template builder’s shortcode function on a child theme: https://kriesi.at/support/topic/portfolio-meta/#post-134009
Cheers!
Ismael
Hey!
You can add this on your Quick CSS or custom.css to change the background of the logo then remove the logo image on mobile device view:
@media only screen and (max-width: 767px) {
.responsive .logo {
background: url('http://heartland.estlandpreview2.com/wp-content/themes/heartland/images/logo_header_mobile.png') no-repeat;
position: relative;
top: 50px;
left: 30px;
}
.responsive .logo img {
margin: 0 auto;
display: none;
}
}
Best regards,
Ismael
I think what you are seeing is something that we’ve not been able to find a fix for.
When navigating to an anchor from another page the anchor is at the top of the screen. On the same page, the theme’s script for smooth scrolling is able to stop the browser from doing that.
I tried a few solutions for other users but so far I’ve not been able to find anything that prevents the browser from putting the anchor where it wants it.