Full-width colour sections - Support | Kriesi.at

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
October 14, 2013 at 5:18 pm #175162
bluegrassdigital
Participant
Hi, I’m trying to build a page with alternating full-width colour sections.

As per the example here: http://kriesi.at/themes/enfold/pages/landing-page/

Now I can’t use the advanced layout editor because it’s not flexible enough for my purposes, so I’m trying to figure out the correct use of short-codes, I’ve currently got this:
```
[av_section etc..']
Content & various shortcode elements with a full width background colour/image
[/av_section]

Content & various shortcode elements WITHOUT a full width background colour

[av_section etc..']
Content & various shortcode elements width a full width background colour/image
[/av_section]
```
But what’s happening is that the entire pages’ content and even footer area then sits within a .container wrap that is not full page width. This is obviously not what I want. Any ideas?

Thanks

EDIT: So after some investigation, I see the pages created with the ‘advanced layout editor’ use the ‘template-builder.php’ template, whereas hand created pages are using the default ‘page.php’. I tried overwriting the contents of ‘page.php’ with ‘template-builder.php’, and while it mostly works, it just strips out any custom HTML I’ve inserted into a particular page.
- This topic was modified 11 years, 2 months ago by bluegrassdigital. Reason: Further investigation
October 15, 2013 at 4:35 pm #175939

Ismael
Moderator

Hi bluegrassdigital!

Why can’t you use the Advance Layout Builder? You can add a unique css selector to each Color Section if you want to style it differently or add an alternating background color or image. Can you please give us a mock up of what you’re trying to achieve? A link to your site will help.

Cheers!
Ismael

October 15, 2013 at 4:49 pm #175949

Groeier!
Participant

Hello,

Please look at this site:
http://spaansen.12switch.nl/

I’m trying to get the content on the slider and on the footer. Is this possible?
I mean the white background…

Please take a look at this print screen:
http://we.tl/GdJjvy4wAq

Gr. Jeen

P.S. I can’t get into my account overview. When I click on the link i get a 404 page error.
If i go to the page https://kriesi.at/support/profile/12switch/ it redirects to https://kriesi.at/support/profile/-1-2switch/
Can you take a look at that too??

October 15, 2013 at 5:31 pm #175969

bluegrassdigital
Participant

Hi Ismael

Thanks, I’m using the Layout Builder now and I’m managing.

Still, it would have be nice to have the flexibility of being able to edit it in a ‘codeview’ for those of us that like to get our hands dirty ;)

October 16, 2013 at 4:32 am #176160
Ismael
Moderator
Hey,

Please switch your theme to debug mode. Edit function.php, find this code:

if(isset($avia_config['use_child_theme_functions_only'])) return;

Below, add this code:
```
//set builder mode to debug
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug()
{
return "debug";
}
```
You will be able to see the actual shortcode below the builder. Shortcodes can be combine then, like this example. A combination of Promobox shortcode plus the Button shortcode:
```
[av_promobox button='yes' label='Click me' link='single' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' icon_select='no' icon='25']
Welcome Stranger! This is an example Text for your fantastic Promo Box! Feel Free to delete it and replace it with your own fancy Message!
[av_button label='Click me' link='' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='small' position='center' icon_select='yes' icon='25']
[/av_promobox]
```
Regards,
Ismael
October 16, 2013 at 10:26 am #176341

bluegrassdigital
Participant

That’s awesome, thanks Ismael!
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Full-width colour sections’ is closed to new replies.