Josue, this is similar to one of the bugs we are discussing here:
https://kriesi.at/support/topic/bugs-in-one-page-with-color-sections/

It works properly in this site: http://milestonementoring.com/ Built on Enfold 2.7!

But not here: http://milestonementoring.com/murphypsychologygroup/ Built on Enfold 2.7.1!

What’s the difference? What was changed? I do not want to update the live site until this is resolved.

Thank you,

• This reply was modified 11 years, 9 months ago by wintner.

Only on one page or on all?
i would use a tranparent header and then use a color section on my page to get the background.

In the demo is an example with a slider instead of the color section:
http://kriesi.at/themes/enfold/homepage/transparent-header/

should be possible to use this: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

Then edit a page to place an icon, switch to the standard editor and copy the shortcode for the icon.
Then you should be able to paste it into your menu name.

Hello again :)

That is because the table heading font is to big. So the table can not shrink any further.

you can use quick/custom css to reduce the font size and the padding:
http://kriesi.at/documentation/enfold/custom-css-and-quick-css/

@media only screen and (max-width: 430px) {
    .avia_codeblock th {
        font-size: 12px;
        padding: 9px 5px;
    }
}

That reduces the font size and padding when the display/window is less then 430px wide.

.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