Full Width Color Section on bottom - Support | Kriesi.at

Tagged: Side Bar

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

Author

Posts
November 3, 2015 at 7:21 pm #529585

instudioe
Participant

Hi,

I’m having issues with the side bar after I add a full width color section on the bottom of the page. It seems to be adding a new section below the full width color section and pushing the sidebar links below it. See image attached.

[IMG]http://i68.tinypic.com/11jox8j.png[/IMG]

November 4, 2015 at 9:39 am #529810

Rikard
Keymaster

Hi instudioe,

That is the expected behaviour, the color section is full width element meaning it will stretch 100% of the browser width. Please use a 1/1 element instead.

Best regards,
Rikard

November 4, 2015 at 3:51 pm #530105

instudioe
Participant

I would still like to have the color section stretch the full width, but at the bottom, not in the middle of the page. I need it right above the footer.

I used a full width section at the top of the page that works, just need to repeat that on the bottom right above the footer.

November 4, 2015 at 4:02 pm #530124

Yigit
Keymaster

Hi!

As Rikard said, that is expected behaviour. Please try using Widget Area element to display your widget areas on your page if you would like to display Color Section or any other fullwidth element at the bottom of your page.

Cheers!
Yigit

November 4, 2015 at 4:09 pm #530141

instudioe
Participant

Can you explain how to use the custom Widget area for the full width color section with social links above the footer?

See homepage example:

November 5, 2015 at 7:54 am #530553

Rikard
Keymaster

Hi,

Not sure if I understand what you are trying to do, what problems are you facing? Please try to explain a bit further and/or post screenshots to highlight your intentions.

Thanks,
Rikard

November 10, 2015 at 8:50 pm #533664

instudioe
Participant

On the homepage (see private link) I have a full width color section with social media links right above the footer. I would like this to be universal throughout the site. Since the theme does not have a full width widget area above the footer, I have to add the social media full width section to each page manually. When I add the full width social media section to pages with a side bar, it pushes the side bar links below the full width section, even though I add it to the bottom of the page. See image here: http://i68.tinypic.com/11jox8j.png It pushes all the sidebar links and widgets below it.

How do I add this full width section above the footer on pages with a side bar?

November 12, 2015 at 6:59 am #534580

Ismael
Moderator

Hey!

The workaround is to disable the sidebar on pages with sidebar then use the Widget Area element to act as sidebar. The widget area element is basically the same as the sidebar. You can separate the content from the sidebar with columns. Or modify the footer.php file directly.

Cheers!
Ismael

November 12, 2015 at 6:02 pm #534939

instudioe
Participant

I feel like modifying the footer.php would be the best option.

What’s a way I can add a new full width widget area above the footer from footer.php? Then I could just style that new widget area.

November 16, 2015 at 4:11 pm #536572

instudioe
Participant

hello?

November 16, 2015 at 4:55 pm #536635

Guenni007
Participant

in section.php there are the rules for creating a new section allways if there is a sidebar. but why is the sidebar placed in that last newly created section and not in the first one ( #after_section_1)

November 18, 2015 at 1:29 am #537745

instudioe
Participant

I’m sorry I don’t understand.

I just need to know how to keep my side bar on the pages the same they are now, while adding a full width color section to the bottom of the page without it pushing the sidebar content below it.

Please see link attached

November 18, 2015 at 5:52 pm #538388

Guenni007
Participant

the side bar is placed in a container called: #after_section_x
my question is concerning to the fact that aside is placed in the last #after_section_x (e.g: #after_section_2)
so i want to know why – what benefit this has or is it possible to place it by default in the first #after_section_1

November 18, 2015 at 5:57 pm #538398

instudioe
Participant

The main goal is to have the full width color section right above the footer. Please see homepage example:

November 19, 2015 at 11:07 am #538862
Guenni007
Participant
My question does not go to you but to the admins here . The reason why your sidebar is under your last ( just above the footer) color section is that the sidebar goes automatically in that newly generated last “#after_section” container.
I think they want to make sure that on responsive case the sidebar goes under the main content – but by default the sidebar goes beneath 768px to display none – so sidebar could be placed by default in the #after_section_1

if you have between your last color section and your footer content again the sidebar is displayed aside that content

see here : http://webers-testseite.de/enf02/testseite/

so my question to the developer is, if there is any reason against placing the sidebar by default in the #after_section_1
- This reply was modified 9 years, 1 month ago by Guenni007.
November 19, 2015 at 11:50 am #538888

Guenni007
Participant

hm – i think this is a wordpress function – not an enfold thing.
i do not find in the enfold code a definition where the sidebar goes to.

November 23, 2015 at 9:46 am #540589

Ismael
Moderator

Hey!

@Guenni007: Thanks for helping. :)

@instudioe: Please turn on the debug mode in order to see the actual shortcode of the color section with the social icon. Use that shortcode as content of the do_shortcode function in the footer.php file. https://developer.wordpress.org/reference/functions/do_shortcode/

Regards,
Ismael

November 25, 2015 at 11:00 pm #542753

instudioe
Participant

Thank you Ismael!

Can you show me how I would add this short code:

[av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' id='' color='main_color' custom_bg='#303030' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
[av_textblock size='' font_color='' color='']

<center></center>
<div id=”social-footer”></div>
[/av_textblock]
[/av_section]

To the do_shortcode:

function do_shortcode( $content, $ignore_html = false ) {
global $shortcode_tags;

if ( false === strpos( $content, ‘[‘ ) ) {
return $content;
}

if (empty($shortcode_tags) || !is_array($shortcode_tags))
return $content;

$tagnames = array_keys($shortcode_tags);
$tagregexp = join( ‘|’, array_map(‘preg_quote’, $tagnames) );
$pattern = “/\\[($tagregexp)/s”;

if ( 1 !== preg_match( $pattern, $content ) ) {
// Avoids parsing HTML when there are no shortcodes or embeds anyway.
return $content;
}

$content = do_shortcodes_in_html_tags( $content, $ignore_html );

$pattern = get_shortcode_regex();
$content = preg_replace_callback( “/$pattern/s”, ‘do_shortcode_tag’, $content );

// Always restore square braces so we don’t break things like <!–[if IE ]>
$content = unescape_invalid_shortcodes( $content );

return $content;
}

December 1, 2015 at 3:27 am #544956

Ismael
Moderator

Hey!

The forum breaks the code. Please post it on pastebin.com.

Regards,
Ismael

December 1, 2015 at 3:35 am #544961

instudioe
Participant

[av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' id='' color='main_color' custom_bg='#303030' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
[av_textblock size='' font_color='' color='']
<center></center>
<div id=”social-footer”></div>
[/av_textblock]
[/av_section]

December 1, 2015 at 3:36 am #544965

instudioe
Participant

Can I just give you my log-in credentials for you to do it?

December 3, 2015 at 11:24 pm #546740

Andy
Inactive Moderator

Hi!

as Ismael already said: The forum might break the code, so please provide us your code via pastebin.com.

You can send us admin access and we’ll take a look. Post login details here as private reply.

Cheers!
Andy

December 10, 2015 at 2:29 am #550087

instudioe
Participant

Please see below

December 13, 2015 at 10:55 am #551581
Ismael
Moderator
Hi!

We added this code in the functions.php file:
```
add_action('ava_before_footer', 'ava_before_footer_mod');
function ava_before_footer_mod() {
	echo '<div id="footer_custom" class="avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll  container_wrap sidebar_right" style="background-color: #303030; background-color: #303030; "><div class="container"><div class="template-page content  av-content-small alpha units"><div class="post-entry post-entry-type-page post-entry-53"><div class="entry-content-wrapper clearfix">
	<section class="av_textblock_section" itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_textblock " itemprop="text"><p>	</p><center></center><p></p>
<div id="social-footer"><a href="https://www.facebook.com/EVOAthletics?fref=ts" target="_blank"><img class="facebook" src="http://evoathletics.com/wp-content/uploads/2015/11/facebook.png" alt="facebook" width="53" height="44"></a><a href="http://instagram.com/evogymnastics/" target="_blank"><img class="instagram" src="http://evoathletics.com/wp-content/uploads/2015/11/instagram.png" alt="instagram" width="53" height="44"></a><a href="#" target="_blank"><img class="twitter" src="http://evoathletics.com/wp-content/uploads/2015/11/twitter.png" alt="twitter" width="53" height="44"></a><a href="https://www.youtube.com/channel/UCiS6Wy3JblyAgh2jJVZH23w" target="_blank"><img class="youtube" src="http://evoathletics.com/wp-content/uploads/2015/11/youtube.png" alt="youtube" width="53" height="44"></a></div>
</div></section>
	</div></div></div></div></div>';
}
```
Example here: http://evoathletics.com/pagetest/

Regards,
Ismael
December 13, 2015 at 7:56 pm #551759

instudioe
Participant

THANK YOU!!!!!

December 14, 2015 at 2:41 am #551884

Ismael
Moderator

Hi!

No problem. Glad we could help! :)

Cheers!
Ismael
Author

Posts