Change slider from vertical to horizontal

• 

  joanasamora · Member · Sep 19, 2011 at 11:22 am

  • Copy link
  • Add topic to favorites

  Hi!
  I need to change the slider in my website (in-culto.com) and I am having trouble doing it.
  I’m refering to the black boxes containing the numbers 1, 2 and 3. Is there a way of putting them on horizontally?

  Thank you in advance.

  The blog I need help with is: (visible only to logged in users)

• 

  1tess · Moderator Emeritus · Sep 19, 2011 at 1:49 pm

  • Copy link

  We need a link to the site you are asking about, starting with http:// please.

• 

  joanasamora · Member · Sep 19, 2011 at 2:11 pm

  • Copy link

  Oh, sorry, I thought I wrote it.

  http://in-culto.com

• 

  1tess · Moderator Emeritus · Sep 19, 2011 at 2:25 pm

  • Copy link

  Thanks. It can be confusing: you did no doubt type in your link, but that doesn’t make it appear in these forums: You have to actually type it in the body of your question.

  I am no CSS expert, but having access to your site will be important for the several who might be able to help you.

  But I think in order to do what you are asking about would require access to php or the basic functions of your theme. CSS can change only the appearance. But wait and see what someone with more experience says…

• 

  designsimply · Member · Sep 19, 2011 at 3:07 pm

  • Copy link

  First, this will make the featured posts content area wide so the number fall below it in the Selecta theme:

  .featured-posts div.featured-post {
  	width: 970px !important;
  }
  .featured-posts div.featured-post-content {
  	margin: 0px 40px;
  }

  And this will adjust the spacing for the items inside the feature slider so they are horizontal:

  .feature-slider {
      width: 100% !important;
      padding-top: 0px !important;
  }
  .feature-slider ul {
      margin: 0px 0px 0px 40px !important;
  }
  .feature-slider li {
      float: left;
  }
  .feature-slider-entry-info {
      float: left;
      margin-left: 10px;
  }

  Also, would you please not hide the #colophon area with CSS? It’s against the Terms of Service here.

• 

  joanasamora · Member · Sep 19, 2011 at 6:55 pm

  • Copy link

  The #colophon will be up when it’s all finished, we’ve just ran into some technical difficulties with it. But yes, I do know it is against the Terms of Service, thank you.

  Thank you so so much for your help!

• 

  designsimply · Member · Sep 19, 2011 at 6:56 pm

  • Copy link

  Cheers. Are the difficulties anything I can help with?

• 

  joanasamora · Member · Sep 19, 2011 at 7:16 pm

  • Copy link

  I don’t think so. I think I’ve already figured it out. Thank you!