WordPress.org

Ready to get started?Download WordPress

Forums

Gallery Carousel Without JetPack
[resolved] How to make slideshow close button (X) bigger? (7 posts)

  1. wpforum
    Member
    Posted 1 year ago #

    I noticed the close button (X) in the top left corner is very small. How can I make it bigger so it is easy to see on all screens?

    http://wordpress.org/extend/plugins/carousel-without-jetpack/

  2. JMBesto
    Member
    Posted 1 year ago #

    I was also wondering this. Thank you.

  3. wpforum
    Member
    Posted 1 year ago #

    Fixed it in jetpack-carousel.css by changing size and placement

  4. Syed Balkhi
    Member
    Plugin Author

    Posted 1 year ago #

    Just remember, if you modify the core plugin css file, it may be modified when you update this plugin.

  5. wpforum
    Member
    Posted 1 year ago #

    Is this done in the Stylesheet (style.css), which can be edited in WordPress > Appearance > Editor or in the Cpanel. Below is the code. But I do not see any changes from the ones I made in the jetpack-carousel.css.

    /*////////////////////////////////////////////////////////////////////
    //  07 - Buttons
    ////////////////////////////////////////////////////////////////////*/
    .jp-carousel-close-hint { font-size: 30px !important; }
    
    a.button, #footer a.button, #searchsubmit, input[type="submit"]  {
    	font-size: 12px;
    	background: #757575 url(images/btn_bkg.png) repeat-x;
    	display: inline-block;
    	color: #fff;
    	text-decoration: none;
    	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    	text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
    	position: relative;
    	cursor: pointer;
    	font-weight: bold;
    	padding: 5px 15px 5px;
    	border: 1px solid rgba(0,0,0,.2);
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	border-radius: 5px;
    	margin: 0 5px 0 0;
    	line-height: normal !important;
    }
    
    a.button, #footer a.button {
    	padding: 6px 15px 5px;
    }
    
    #searchsubmit {
    	padding: 5px 15px 6px;
    }
    
    .button:hover, #footer a.button:hover, #searchsubmit:hover, input[type="submit"]:hover {
    	background-color: #595959;
    	color: #fff;
    }
  6. Syed Balkhi
    Member
    Plugin Author

    Posted 1 year ago #

    I just made it bigger in the most recent update of the plugin.

  7. wpforum
    Member
    Posted 1 year ago #

    Great Syed! Thanks for informing me and I have added the update. All the best. If you add the video integration with the photo/images, that would be really awesome (since no one knows how to do this).

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic