Meteor Slides – change Nav Bar background color?

  • Resolved jeremygregg

    (@jeremygregg)


    9 years, 5 months ago

    I am trying to change the background color of the nav bar on this site:
    http://peptexas.org/

    (This is just a beta site for a redo of http://pep.org/

    How do I change the background color of the nab bar below the meteor slides?

    (I tried putting it in a table, which worked … but then there was a border thta I could not get rid of)

    Just trying to find the easiest way to get the nav bar’s dots to appear over a transparent background (ideally) or over a black background.

    https://wordpress.org/plugins/meteor-slides/

Viewing 1 replies (of 1 total)
  • Plugin Author Josh Leuze

    (@jleuze)

    9 years, 5 months ago

    Hi, you can style the slideshows however you want using CSS. Like you could make the slideshow background black, and add some space below the slides by adding this CSS to your theme’s stylesheet:

    div.meteor-slides {
	padding: 0 0 40px 0;
	background: #000;
}

    Then position the paged navigation inside the space below the slides like this:

    .meteor-slides .meteor-buttons {
	bottom: 20px;
	left: 20px;
	width: 96%;
}

    That should give you something close to what you described.

    I wouldn’t recommend using tables for web design any more, most WordPress themes will style tables for displaying content in a table, so you would have to remove or override those styles to use tables for layout.

    If you’re not already using a web inspector like Firebug or Chrome Web Inspector to examine the code behind sites and tweak their CSS, definitely check them out!

Viewing 1 replies (of 1 total)
  • The topic ‘Meteor Slides – change Nav Bar background color?’ is closed to new replies.