Slider alignment and background colour assistance

  • Resolved jacsify

    (@jacsify)


    12 years, 1 month ago

    Please can someone help, I’m clueless. I’m new to CSS and I have two problems I need solving:
    1. I’m trying to centre the Cyclone slider horizontally and vertically in the Featured block on my Responsive Child Theme site. I’ve tried <center><?php if( function_exists('cyclone_slider') ) cyclone_slider('164'); ?></center> in the front-page.php but this is only horizontal centre. I need it in the middle of the block…
    2. I would like to have this block a different colour. I have installed the Customs CSS Manager plugin and managed to change the widget-wrappers using code but it won’t work on the Featured block

    Assistance would be greatly appreciated, and please remember I’m a newbie to this 🙂

    https://wordpress.org/plugins/cyclone-slider-2/
    http://wordpress.org/plugins/custom-css-manager-plugin/

    My temp site: http://rlc.co.za.winhost.wa.co.za/newrlc_wp/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Marklcm

    (@marklcm)

    12 years, 1 month ago

    http://designshack.net/articles/css/how-to-center-anything-with-css/

    http://www.tipue.com/blog/center-a-div/

    should give some help

    css for featured

    featured {
    background-color: #808080;
   }

    I’m not familiar with the plugin but this is the class to target if using a child theme.
    If you use

    #featured {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

}

    this removes the background color and you may feel you no longer need to centre it vertically

    Thread Starter jacsify

    (@jacsify)

    12 years, 1 month ago

    Thank you so much Marklcm! The background colour worked brilliantly. Still having some trouble understanding how to centre as I said before, I’m completely new to CSS. I have tried a couple of the examples given, however, it’s just not working! Getting a little frustrated, why isn’t there just a centre centre align?

    Thread Starter jacsify

    (@jacsify)

    12 years, 1 month ago

    Got it! 

    #cycloneslider-164-1 {
    margin-top: 40px;
}
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Slider alignment and background colour assistance’ is closed to new replies.