Community Forums › Forums › Archived Forums › Design Tips and Tricks › how to change slideshow widget to home-top-right in Metric theme?
Tagged: home top right, meteor slides, metric theme, move home top left, move home top right, move slideshow, switch home top right and home top left
- This topic has 4 replies, 3 voices, and was last updated 11 years, 1 month ago by fotodog13.
-
AuthorPosts
-
February 8, 2013 at 11:19 am #18956fotodog13Participant
Hi All
I am using the Metric theme and want to have the slidehow appear on the right not the left but can't seem to get it to do that. I have changed the css to allow for the switch and the home.php file as well.
here's the code change I used for the home.php
<div class="home-top-left">
<?php if (!dynamic_sidebar('Home Top Left')) : ?>
<div class="widget">
<h4><?php _e("Home Top Left", 'genesis'); ?></h4>
<p><?php _e("This is a widgeted area which is called Home Top Left. It is using the Genesis - Featured Page widget to display what you see on the Metric child theme demo site. To get started, log into your WordPress dashboard, and then go to the Appearance > Widgets screen. There you can drag the Genesis - Featured Page widget into the Home Top widget area on the left hand side.", 'genesis'); ?></p></div>
<?php endif; ?>
</div><!-- end .home-top-left -->
<div class="home-top-right">
<?php if (!dynamic_sidebar('Home Top Right')) : ?>
<div class="widget"><?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?>
</div>
<?php endif; ?>
</div><!-- end .home-top-right -->
heres the css changes I made-
.home-top-left {
width: 410px;
float: right;
margin: 0;
padding: 10px 0 0 0;
}
and
.home-top-right {
background: #FFFFFF;
width: 520px;
height: 280px;
float: left;
margin: 0;
padding: 0;
-moz-box-shadow: 0 5px 5px #333333;
-webkit-box-shadow: 0 5px 5px #333333;
}
Would think that this should make the slideshow appear on the right side not the left- I looked at the functions.php file but did not change anything there- as it looked correct to me.
Wondering if someone can give me a suggestion as to what I need to do to make this change workusing the latest version of wordpress, studiopress, etc
here is the site url
fyi- I am using meteor slides for the slide show not wp-cycle but that should not matter-
thanks to any and all that take the time to reply
Best
Scott V
February 8, 2013 at 1:05 pm #18995AnitaKeymasterYou need to change it in the CSS. Locate .home-top-left and .home-top-right. You need flip flop those settings.
Love coffee, chocolate and my Bella!
February 11, 2013 at 6:29 am #19581fotodog13ParticipantHi Anitac,
thanks for the reply- got it working- think my computer was caching for some reason I tried that change several times with no luck before but for whatever reason it finally is working- thanks again
Best
** would you know if there is a " My post Section in these forums- the old forums use to have them- could not find that here in the new ones, and had to fish through a bunch of things to fins my post in order to reply back?
February 11, 2013 at 6:41 am #19584SusanModerator@fotodog13 - click on your user name or profile avatar - that will show you a list of topics started and replies created by you.
February 11, 2013 at 6:42 am #19585fotodog13Participantthanks found it 🙂
-
AuthorPosts
- The topic ‘how to change slideshow widget to home-top-right in Metric theme?’ is closed to new replies.