You can try this script: http://jedfoster.github.io/Readmore.js/
Insert the compressed version. https://github.com/jedfoster/Readmore.js/blob/master/readmore.min.js at the bottom of enfold/js/avia.js. Then replace following code at the top of the file
$(document).ready(function()
{
with
$(document).ready(function()
{
$('.shortdescriptiontext').readmore({
speed: 75,
maxHeight: 500
});
and change the values if you want to. At least wrap your long text into a paragraph with the class “shortdescriptiontext”.
<p class="shortdescriptiontext">
My text....
</p>
hello, my client would like me to add in their contact number to the right of the logo along the top – where the social media would normally be ( I have unpicked those boxes )
Also, on my contact form, the submit button s extremely light & I cannot find it to adjust – I have adjusted the styling, but it doesnt affect that.
Please help
byw – totally love this theme – best ever !! will be using it again if possible
regards,
tracey
Hi,
This is the css for sidebar widget headers
#top .sidebar h3.widgettitle{
color:red;
}
but it can also be
#top .widget h3.widgettitle{
color:red;
}
Can you please provide a url regarding the other areas so that we can give you css specific to your situation. You can mask the url to your site with http://www.goo.gl to keep it private.
Thanks,
Nick
I’m having the a very similar problem to that mentioned in this post
https://kriesi.at/support/topic/adding-background-shrinks-color-section-images
But the suggested fix didn’t work for me.
You can see the problem in this screenshot:
http://consciousbusinessplayground.com/event/wp-content/uploads/2013/07/Conscious-Business-Playground-2013.png
The image works fine in the 1 column layout box, but not in the color section box.
(it’s the same image file being used in both).
I just installed the latest version of the Enfold theme, but that didn’t solve the problem.
Please help with a fix ASAP!
Hi,
Please add this to Quick CSS or to /css/Custom.css
#top .alternate_color input[type='text'], #top .alternate_color input[type='input'], #top .alternate_color input[type='password'], #top .alternate_color input[type='email'], #top .alternate_color input[type='number'], #top .alternate_color input[type='url'], #top .alternate_color input[type='tel'], #top .alternate_color input[type='search'], #top .alternate_color textarea, #top .alternate_color select {
border-color: orange;
}
Thanks,
Nick
Hi,
I decided that the best thing to do is to show you how to edit CSS yourself. I made a short video and I promise you that if you watch it carefully and follow along, that you will be able to solve vast majority of these issues yourself without needing to know how to write a single line of code. So far all the people I showed similar videos who showed an equivalent interest level in the topic were able to edit themselves within 30 minutes. http://youtu.be/lpuj7oNZBTw
Thanks,
Nick
Hi Pedro,
I’ve tagged the topic for Peter so its in his queue. We’ve been pretty swamped lately so response times are a bit slower than the norm.
Regards,
Devin
We had installed Enfold and WPML. The system works fine.
But each time we go to Backend WP administration panel –> Appariecnce – > Theme we have the following Warning in the TOP
Warning: uasort(): Array was modified by the user comparison function in /var/www/vhost/ayuntamientobenisano.es/home/html/wp-includes/class-wp-theme.php on line 1172
The warning appears when we setup the WPML STRING TRANSLATION (this option is mandatory for our web)
Im sorry but Layer Slider is quite a poor slider. I set up a basic 2 image slide show with only fades between each and then (here’s the important bit) one line of text that needs to fade up over each slide. I have to add a background box behind each bit of text so I use the background text feature with padding of 15px. I then add some text spacing…. letter-spacing:4px and thats it. In the preview it all works fine but immediately its placed into the theme the box border and added css effect (letter-spacing:4px) fails to work. Ive tried recreating it from scratch but still it doesnt work and when I contact the makers of the slider they say its the theme thats at fault.
Basic kerning and creating a box behind the text is pretty bloody ‘entry level’ stuff so what gives. I understand that there was a reason why Kriesi chose this over the more popular Revolution but surely things like this should work.
Please help guys as it seems that the slider is really unstable when it works in combination with the theme.
For the record I have the latest version of Enfold 1.4.4 so I cant seem to work out how to progress without this being fixed
Check out the slider on http://www.andypeck.co.uk (home page – top)
Cheers
Andy
Hi!
Did you find a solution? I’m asking because the topic is marked as resolved.
Regards,
Peter
Hi!
Yes, please try to add following code into the quick css field
.header_bg {
opacity: 1 !important;
}
Best regards,
Peter
Right now the ajax portfolio does not support a deeplinking feature. The only workaround would be to open the first item automatically ( https://kriesi.at/support/topic/ajax-portfolio-opened-at-the-start ). You just need to make sure that the member you want to feature/present is the first portfolio item in the grid.
Hi,
I’m triying to make some changse in the top main navigation menu:
COLCHONES TECNOLOGIA ACCESORIOS MAYOREO
They can be seen in http://acolsa4.vendun.com/
What I want to achieve
– Change the font size
– Center in the page COLCHONES TECNOLOGIA ACCESORIOS MAYOREO but left the search right alignmet.
– Change the space between letters
I haven’t be skilled enough to target these parts with CSS selector using google chrome.
Thanks
Jorge
Hey!
Please try followig code instead
#top .ls-nav-prev, #top .ls-nav-next {
display:none !important;
visibility:hidden !important;
}
.ls-bottom-nav-wrapper {
display: none;
}
Regards,
Peter
Hi khalidmuharraqi,
You can remove the padding on the portfolio section and the footer with:
#top.home .template-page.content {
padding-bottom: 0;
}
#footer {
padding-bottom: 0;
}
Also make sure you fix this css in your custom.css file:
.responsive .container .twelve.units {
top: -49px;
} /*you don't have this bracket in your custom.css file right here and its causing an error with your css*/
/*
Desktop Styles
Regards,
Devin
Hi ravecomputer,
As I commented on your other topic this will remove the layerslider from working with the themes elements.
Regards,
Devin
I tried this and there is no luck… at best it is the right size but it doesn’t move my nav bar over and is right on top of home…
Hi CasperBlack,
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
.avia-full-stretch.avia-section {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
I’ll tag the topic for Kriesi as well since it should be adjusted with the css hierarchy but this should provide a good interim solution.
Regards,
Devin
Hi hotshotzatl,
1) It depends on the instance of it. If its just inside your regular post or pages then you can add new css rules in your Quick CSS in the styling tab of the theme options. Eg:
#top h2{
color: #333;
}
I used the #top ID selector to make it a bit more specific but it may need to be adjusted specific to certain instances since the theme automatically sets colors based on the choices in your Styling options.
2) You would need to add in the css for it custom as there isn’t anything like that available as a shortcode with the theme.
3) If the html for it was placed in the footer.php and the div positioned absolutely yes it could probably work. It will just need adjustments added for tablets and mobile but we have some sample media queries for that in the custom.css file in the css folder of the theme.
4) The theme doesn’t use any images for the icons but instead uses an icon font for all icons through the site. So what you would need to do is hide the current font for the icon and then replace it with your own image as well as on hover.
For example:
#top .social_bookmarks li{text-indent: -150%;} /*remove the current font icons on all social links*/
#top .social_bookmarks li.social_bookmarks_facebook a {
background: url(https://yoursite.com/yourimage.png) no-repeat top center transparent;
}
#top .social_bookmarks li.social_bookmarks_facebook a:hover {
background: url(https://yoursite.com/yourimagehover.png) no-repeat top center transparent;
}
Regards,
Devin
The latest version should fix the issue (if it’s related the wpautop() filter).
Regards,
Peter
Hi,
You can change the hover effect using this
#top .social_bookmarks_mail:hover a{color:#fff; background-color:#9fae37; }
Change the colors.
Regards,
Ismael
Hi,
Configure the Button Link, set to manual then add the url or the section/element id. For example, if you want to scroll to the top you can this link
http://localhost/kriesi/enfold/#top
or simply add the selector
#top
Regards,
Ismael
Ismael,
Thank you for the fast reply! Still needing some help here.
I am using “header with social icons and bottom” with “stretched layout” styling.
There are three sections of the header. Here’s what I’m trying to accomplish:
– Set background color of the top navigation bar (background color needs to be full width, the previous code you gave only sets the link background color)
– Set font color for both links and small info text on top navigation bar
– No background color behind the logo
– Set background color for the main navigation bar and drop down menus
– Set font color for main navigation bar (right now it derives two custom dynamic colors, one for the drop down menus, and one for the top level links) I need to change both.
The CSS code on the base level is a nightmare is sort out with this theme. I thought I was good with CSS until I tried making sense of the overly complex code behind this theme.
Appreciate your help.
Hi,
You want to create a shortcut of your website on your mobile phone then change the icon? Is that correct?
http://uncorkedstudios.com/2011/09/06/creating-a-custom-icon-for-the-add-to-home-screen-on-iphone/
Regards,
Ismael
Hi,
You can decrease the top and bottom padding using this on your Quick CSS or custom.css
.content, .sidebar {
padding-top: 20px;
padding-bottom: 20px;
}
Regards,
Ismael
Hi Greg,
If that doesn’t work I would recommend having a freelance developer go through the file to re-organize the sidebar before the content and they will then be able to do any bug fixes or css adjustments that are needed.
Regards,
Devin
Hi Mkieling,
I’ve tagged the topic for Kriesi to take a look at again. Depending on his schedule it may be a day or two before he is able to respond again.
Regards,
Devin
Hi gents,
I would like to change the roll over colour of the e-mail icon in Enfold.
I found this, but I think there might be more magic involved:
#top .avia-icon-list .iconlist_icon {
background-color: #d73119;
}
Thankyou
Hi there, I am still needing assistance on this topic. Any thoughts?