Support » Themes and Templates » Fullwidth Slider Larger then sites container

  • Resolved Seldovia

    (@sophietrujillo)


    Hello!

    This is something I have been fiddling with but seem not to be able to fix. My sites container is currently 1120px wide which is the width of my post slider. I want my slider to reach full screen (is that the right term?) like the one on this site. Do I need to create a new container in the php for the slider to override the site container? If so, how do I do that? Or, am I just missing a small piece of css?

    Click here to see my site ๐Ÿ™‚

Viewing 9 replies - 1 through 9 (of 9 total)
  • Do you want like this picture?

    Picture

    Thread Starter Seldovia

    (@sophietrujillo)

    Hi,

    Yes exactly! Thank you for taking the time to make an example, was I using the right term?

    You need to put template tag of the slider in theme’s PHP file before the content area container. You can make changes in header.php and add template tag below the menu code. There you can also put condition to let it appear on front page only. Cosmo Slider WordPress plugin comes with template tag and is a full width slider. You can find many other sliders with such feature.

    I hope it answers your question.

    put a slider after the header, before the container.

    Thread Starter Seldovia

    (@sophietrujillo)

    Could you explain how to do that in steps…I am not afraid to do some php reorganizing. I just need some more detail.

    Thread Starter Seldovia

    (@sophietrujillo)

    So this is my php code for my slider

    <header id=”header”<?php if(!get_theme_mod(‘fcs_featured_slider’)) : ?>class=”noslider”<?php endif; ?>>

    and when I put it after the header and before the container it is still behaving the same. Am I missing a step?

    You must add code slider in the file index.php

    If only I could know more clearly, wordpress theme are you using?

    or I could figure out the code in the file index.php

    is that you should try!

    slider should be placed after the

    <?php get_header();?>
    in index.php before the

    <div id="main" class="fullwidth">

    like this:

    <?php get_header();?>
    
    place the slider code here
    
    <div id="main" class="fullwidth">

    maybe you could try.

    Good luck.

    Thread Starter Seldovia

    (@sophietrujillo)

    I tried your suggestions and they aren’t working and I think it is because I do not have a full width class.

    I am using the findcools theme if that is helpful.

    Hi

    It was an easy task, but there is some suggestion from me to you.

    Supposedly, you enter the first wordpress theme name, in the title of the topic, so that theme developers can follow to help, and also in the topic tags.

    But it does not matter, I’ll help you.

    First open the file index.php from your wordpress theme !.

    Find this code !

    <?php if(get_theme_mod( 'fcs_featured_slider' ) == true) : ?>
    				<?php get_template_part('inc/featured/featured'); ?>
    			<?php endif; ?>

    cut the code!, and put it right under this code:

    <?php get_header(); ?>

    so it becomes like this:

    <?php get_header(); ?>
    
    	<?php if(get_theme_mod( 'fcs_featured_slider' ) == true) : ?>
    				<?php get_template_part('inc/featured/featured'); ?>
    			<?php endif; ?>

    I’ve tried it, and it worked.

    Then save.

    Hope this helps you. ๐Ÿ˜€

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Fullwidth Slider Larger then sites container’ is closed to new replies.