.page-id-2 .avia-builder-el-9 .entry-title {
font-size: 18px;
}
ich empfehle auch custom classes: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
dann würde das so aussehen:
.your_class .entry-title{
font-size: 18px;
}
Und es wäre unabhänging von der page und element ID.
You can simply adjust the text size with CSS: http://kriesi.at/documentation/enfold/custom-css-and-quick-css/
#top .av_toggle_section .toggler {
font-size: 18px !important;
}
you can add other properties as well:
http://www.w3schools.com/css/css_text.asp
http://www.w3schools.com/css/css_font.asp
Hey fredengl!
1) Yes, the fixed layout is just 960px by default. If you want to change it add this code to your child theme style.css file:
.container {
width: 910px;
}
/* Base Grid */
.container .one.unit,
.container .one.units {
width: 30px;
}
.container .two.units {
width: 110px;
}
.container .three.units {
width: 190px;
}
.container .four.units {
width: 270px;
}
.container .five.units {
width: 350px;
}
.container .six.units {
width: 430px;
}
.container .seven.units {
width: 510px;
}
.container .eight.units {
width: 590px;
}
.container .nine.units {
width: 670px;
}
.container .ten.units {
width: 750px;
}
.container .eleven.units {
width: 830px;
}
.container .twelve.units {
width: 910px;
}
and change the width of the container from 910px to a higher width. You also need to increase the grid unit widths accordingly – they’re based on a 12 column grid structure – i.e. if you increase the container width from 910px to 1010px (+100px) the twelve units value will also increase to 1010px and the .six.units value increases from 430px to 480px (because 6 columns cover the first half of the container area).
2) No, the responsive mode will always adjust the layout based on the current resolution and viewport.
3) No, you can’t select different header layouts for different pages. There’s a general setting (Enfold > Theme Options > Header) which determines the header type of the entire website.
Regards,
Peter
I suggest the use of custom classes.
First you have to enable them with this tutorial: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Then you write your CSS class (you can choose to put it into quick css, custom.css or use a child theme)
quick/custom css: http://kriesi.at/documentation/enfold/custom-css-and-quick-css/
child theme: http://vimeo.com/67221517
You have to write something like this:
#top .my_bordered_box {
border:1px solid #000000;
}
Then edit the text element on that page.
There will be a new field called “Custom Css Class”.
Enter the name of the class you created (my_bordered_box)
You can simply put in more properties into your custom class like this:
#top .my_bordered_box {
border:1px solid #000000;
background-color: #cccccc;
box-shadow: 5px 5px 5px #888888;
}
Hi!
Personally I recommend to place this code into the child theme functions.php. If you want to place it into the parent theme file (enfold/functions.php search for this code at the very top of the file:
<?php
global $avia_config;
and replace it with
<?php
global $avia_config;
add_action("avia_builder_mode", "builder_set_debug");
function builder_set_debug() { return "debug"; }
Best regards,
Peter
yes, It is a slider.
You simply have to create a layer slider and then place it on your page where ever you want.
The green one is included in the enfold theme as an example so you can see the settings.
You can access the layer slider through your admin sidebar on the left.
http://kriesi.at/themes/enfold/pages/services/?skin=Boxed%20Blue
How did you get the green animated header area on this page and can each page have a different one? It appears to be a slider.
Thanks
Hi There – I’m trying to add a full screen slider to this page http://shortiedesigns.com/site/ and I can’t find where to add the captions so I can have some text and a button on the left (i’ve done it before but now I can’t seem to find the settings) I want it to be like the full screen slider page you have on the demo site
http://kriesi.at/themedemo/?theme=enfold
thanks
Hi there!
How do I do a replicate of home v10 magazine the first slider on the top as can be seen from enfold theme demo?
Regards,
Kayzel
This reply has been marked as private.
This reply has been marked as private.
Hello,
I did all the above, but it didn’t work.
In wp-config.php, I used:
define('WPLANG', 'ar')
I replaced the two lines mentioned by @Ismael with:
wp_enqueue_style( 'avia-rtl', get_template_directory()."/css/rtl.css", array(), '1', 'screen' )
in both enfold and enfold-child themes.
Please help on this issue
Thanks and regards
-
This reply was modified 11 years, 7 months ago by
mndawood.
Hello!
Both plugins (WooCommerce and WordPress SEO) are fully compatible with Enfold, it seems to be more of a WordPress/server issue rather than a theme one, unfortunately is out of the support scope we offer, try contacting a specialist.
Cheers!
Josue
Hi Omnyss!
Request it as a feature:
https://kriesi.at/support/enfold-feature-requests/
In the meantime you can try using the Sharebar plugin, it allows you to add custom buttons
http://devgrow.com/sharebar-wordpress-plugin/
Regards,
Josue
Hello!
I have just bought a currency converter.
http://www.woothemes.com/products/currency-converter-widget/
I’m now trying to place the widget on the right at the product pages, in a right sidebar.
This seems not to be easy, and there for i need some help. As far as i can manage the widget only get’s pushed under the content to the left. See one of the pages here; http://www.turnclear.com/produkt/porsche-944-turbo-s2/
Is there any limitations in enfold of using right sidbars on single product pages?
I also would like to know how i can place the currency buttons on one row and not under each other?
Thanks in advance.
-
This topic was modified 11 years, 7 months ago by
jockejansson.
1-3:
http://kriesi.at/documentation/enfold/custom-css-and-quick-css/
#header_meta {
background-color: #000000;
}
#header_meta .social_bookmarks li {
border: medium none !important;
}
#header_main {
border: medium none !important;
}
4: add “[nolink]” at the end of your footer text.
This reply has been marked as private.
Hi!
Done:
http://www.jasminesboutique.co.uk/
Seems the code only works if you have not set a logo here.
But i modified the code so it will show the other in non-home pages:
<?php
function av_change_logo_url($url) {
if(is_front_page()){
$url = "http://www.jasminesboutique.co.uk/wp-content/uploads/2014/05/logoWeb1.png";
}else{
$url = "http://www.jasminesboutique.co.uk/wp-content/uploads/2014/05/logoWebCIRCLE.png";
}
return $url;
}
add_filter('avf_logo','av_change_logo_url', 100);
Cheers!
Josue
Is that how the sliders were done on these two pages?
http://kriesi.at/themes/enfold/homepage/home-v7-one-page-portfolio/
http://kriesi.at/themes/enfold/homepage/home-v9-videos-and-parallax/
(I ask because the slider at the top of the page seems to exhibit a parallax effect when the page is scrolled.)
Could you please update the theme to the latest version? 2.7.1.
http://kriesi.at/documentation/enfold/updating-your-theme-files/
Regards,
Josue
This reply has been marked as private.
I absolutely love the theme but I have a couple of basic styling issues I need some help on. http://4db.4ec.myftpupload.com
1. I would like to change the background where the social icons are to black.
2. I want the border lines removed between the social icons, and underneath and above the header.
3. I would like the header font color to be white, the hover color to be white and turn the text black when it is hovered over like my other site (http://unpluggedeventlighting.com)
4. How do I remove where it says Enfold Theme by Kriesi in the footer (I can’t find that option anywhere)
Thank you so much!
No, i meant the theme (Enfold) functions.php, it should be located:
/wp-content/themes/enfold/functions.php
Cheers!
Josue
Hello,
I just wanted to know if the video slider (fullscreen) is compatible with the transparent header function. The Enfold theme demo with the video slider has a white header and menu. Somewhere else, there’s a photo slider with a transparent header and menu.
Unfortunately I haven’t figured out how to do it, if it should be possible. (I have checked the transparent header option on the page backend)
I would appreciate help.
Thanks
Nedim
when editing the color section, give it an ID an then use:
http://kriesi.at/documentation/enfold/custom-css-and-quick-css/
#yourID {
background-color: transparent;
}
http://kriesi.at/documentation/enfold/custom-css-and-quick-css/
Quick CSS wont be affected by updates
custom.css will only be affected if you make the error to overwrite it.
There will never be changes to the custom.css with updates.
Best to create a child theme: http://vimeo.com/67221517
In using Gravity Forms on my site I can see that the Enfold CSS is forcing a style.
I believe that I can override this by adding the code below in my Enfold theme style.css file or wherever the theme recommends placing custom CSS. Can you advise on the best please to add this, and will it be effected by theme updates.
.gform_wrapper .ginput_quantity {
display: inline-block !important;
width: initial !important;
}
Thanks for you help
hello.
i use enfold.
my questions are:
i use a phpbb forum inside wordpress with wp-united plug in.
when activated, i got problem on smartphones. if there is images in the phpbb post, i cant see the right part of the forum. in fact, the responsive enfold goes ok but i can’t zoom in or zoom out to navigate in the phpbb page.
when i disable the responsive feature of enfold, my website is shrinked in a 960 pixel fixed width. when i use custom.css ton enlarge it to 1130 px, the sidebars ans content ar always scaled on the 960 px fixed mode.
an other thing:
how can i fix the width in then non responsive mod in custom.css to have the same result than my 1130 px responsive mode (full hd, 17.3)?
is it possible to active pinch to zoom in a responsive mode?
is it possible to deactivate scrolling menu bar on a specific url?
how can i resolve that?
thanks
An alternative is to use custom classes: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
That can help alot if you want to change specific elements.