मास्टर स्लाइडर कंटेनर पंक्ति का आकार परिवर्तन

वोट
0

im मेरी पंक्ति के साथ यह अधिकतम करने के लिए अपने स्लाइडर चौड़ाई आकार बदलने के लिए कोशिश कर रहा है लेकिन यह हमेशा दोनों पक्षों पर एक भत्ता है तो मैं नहीं कर सकते मेरी पंक्ति करने के लिए स्लाइडर आकार को अधिकतम।

यहाँ एचटीएमएल है

<body <?php body_class(); ?>>

        <div class=row container>
            <header role=banner id=top-header>
<div class=twelve columns style=background: transparent; >  



<div class=twelve columns text-center style=background: transparent;>
<a href=http://fabioide.com/frederiksminde/velkommen><img src=http://fabioide.com/frederiksminde/wp-content/uploads/2014/09/fredlogo.png alt=Hotel Frederiksminde Logo></a>
</div>

<div class=twelve columns text-center style=background: transparent;>
<div class=menuimg>
<img src=http://fabioide.com/frederiksminde/wp-content/uploads/2014/10/menu.jpg alt=Mobile Menu>
</div>
<div id=navcontainer>
<?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'container' => false, 'theme_location' => 'header-menu' ) ); ?></div>
</div> 

<?php echo do_shortcode('[google-translator]'); ?>





                    <?php bones_main_nav(); // Adjust using Menus in Wordpress Admin ?>

                    <div class=show-for-small menu-action>
                    <a href=#sidebar id=mobile-nav-button class=sidebar-button small secondary button>
                            <svg xml:space=preserve enable-background=new 0 0 48 48 viewBox=0 0 48 48 height=18px width=18px y=0px x=0px xmlns:xlink=http://www.w3.org/1999/xlink xmlns=http://www.w3.org/2000/svg id=Layer_1 version=1.1>
                                <line y2=8.907 x2=48 y1=8.907 x1=0 stroke-miterlimit=10 stroke-width=8 stroke=#000000 fill=none/>
                                <line y2=24.173 x2=48 y1=24.173 x1=0 stroke-miterlimit=10 stroke-width=8 stroke=#000000 fill=none/>
                                <line y2=39.439 x2=48 y1=39.439 x1=0 stroke-miterlimit=10 stroke-width=8 stroke=#000000 fill=none/>
                            </svg>
                    </a>

                    </div>

                    <?php bones_mobile_nav(); ?>
<div class=row>
<div class=slider>
<?php masterslider(1); ?>
</div>
</div>

                </header> <!-- end header -->

मेरी सीएसएस नींव 5 वर्डप्रेस के लिए और स्लाइडर की चौड़ाई के लिए है - http://prntscr.com/4vo2tl

13/10/2014 को 04:40
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


2 जवाब

वोट
0

ऐसा लगता है कि है की तरह गद्दी की 15px स्लाइडर के सीएसएस कोड (app.css की लाइन 441) में परिभाषित किया जा रहा

.column, .columns {
  float: left;
  min-height: 1px;
  padding: 0px 15px;
  position: relative;
}

आधार पर सेटिंग्स आपके द्वारा दी गई स्क्रीनशॉट, मैं इसे बदलने का सुझाव देते हैं, ताकि आपके स्लाइडर आवरण चौड़ाई 30px अपने स्लाइडर चौड़ाई की तुलना में अधिक है (यानी 1060px करने के लिए इसे बदलने) और देखते हैं कि अगर चाल करेंगे।

अन्यथा, आप एक अतिरिक्त वर्ग के साथ संयोजन में कुछ सीएसएस ओवरराइड लिख सकते हैं। तो, अपने HTML के लिए, आप हो सकता है:

<div class="row adjust=slider">
<div class="slider">
  <?php masterslider(1); ?>
</div>

फिर अपने सीएसएस में, बस सुनिश्चित करें कि आपके सीएसएस पिछले भरी हुई है, और है:

.adjust-slider .columns {
  padding: 0;
}
.adjust-slider section {
  padding: 0 15px;
}

यह प्रभावी रूप से अपने 'पंक्ति' div युक्त से गद्दी को दूर है, लेकिन यह अपने शीर्ष लेख और मेनू वर्गों के लिए में वापस जोड़ देगा।

13/10/2014 को 07:20
का स्रोत उपयोगकर्ता

वोट
0

मैं इस के लिए मेरे संरचना बदल सकते हैं और सामग्री के अंदर मेरी पंक्ति कंटेनर के अंदर मेरी हैडर चलते हैं।

<body <?php body_class(); ?>>

        <div class="row container">
            <header role="banner" id="top-header">
<div class="twelve columns" style="background: transparent;" >  


<section class="twelve columns text-center" style="background: transparent;">
<a href="http://fabioide.com/frederiksminde/velkommen"><img src="http://fabioide.com/frederiksminde/wp-content/uploads/2014/09/fredlogo.png" alt="Hotel Frederiksminde Logo"></a>
</section>

<section class="twelve columns text-center" style="background: transparent;">
<div class="menuimg">
<img src="http://fabioide.com/frederiksminde/wp-content/uploads/2014/10/menu.jpg" alt="Mobile Menu">
</div>
<div id="navcontainer">
<?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'container' => false, 'theme_location' => 'header-menu' ) ); ?></section>


<?php echo do_shortcode('[google-translator]'); ?>

</div>
<div class="twelve columns" style="background: transparent;" >  
    <div class="slider">
<?php masterslider(1); ?>
</div>

</div>
</div>

                </header> <!-- end header -->

इस से सामग्री के अंदर हेडर

<?php get_header(); ?>
<div class="row" style="box-shadow: 0 3px 0px 0px #888888,  7px 0 7px -4px #888888, -7px 0 7px -4px #888888;">
        <div id="content">
                <div class="twelve columns clearfix">

इसके लिए

<div class="row" style="box-shadow: 0 3px 0px 0px #888888,  7px 0 7px -4px #888888, -7px 0 7px -4px #888888;">
<?php get_header(); ?>
        <div id="content">
                <div class="twelve columns clearfix">
13/10/2014 को 09:28
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more