I have a gallery plugin on my Shopify website which doesn't have an option to hide an image within the gallery. It does have a custom CSS option within the gallery so I'm trying to find out if anyone knows how to hide a certain image in a gallery using the CSS option.
I want to hide an image within the gallery - not the entire gallery.
The HTML code for the gallery is:
<div class="cz-embed-gallery" id="cz-embed-gallery3926"></div>
The images have a caption, image link, and a title.
Take a look and see if you can help.
Thanks.
You can hide any element by assigning display: none to the class, id or whatever is valid in CSS as an identifier.
Take a look a the basics of CSS.
https://www.w3schools.com/css/
Related
I need to create a pictures slider that looks like this:
The pictures need to lay one on each other on such way that the user could see the first picture on full size and some fraction form the others. Is there any way to do it on css only? Is there any available addon on the internet that give some solution for that?
You can use bootstrap-carousel for it and change the position and styles of the carousel indicators by applying your custom classes to them. Here's the link for bootstrap carousel.
Imagine this is my header http://freedesignfile.com/upload/2013/01/banner-2.jpg, and the button have to be clickable. I don't want to slice the images and put it into blocks. How can the button be clickable and achieved responsive in the same time??
I am not sure why you want to be so complacent as this can simply be done via Pure CSS only where you can put your image as a background an create this button via CSS and make it clickable.
But, like you have mentioned you do not want to go this way, the only way would be to create another image for a responsive layout and on that image, you need to show/hide based on your requirements and assign a class that changes the click position to match it as per your new image button using image map.
Hope this helps.
Regarding flexslider
Is there any way to modify it from displaying images to displaying only text? Or is flexslider only for animating images? If so, can you give me a hint what would have to be changed?
Thank You
For each slide in the slideshow I would like to display varying amounts of text only. And I would like to reliably keep the slider controls responsive and in a standard position on the screen as each slide changes. I am not really concerned with displaying the images.
In some of the li examples which can be found in the zippy-share link below, I associate an image file with the "flex-caption" CSS Selector found in flexslider.css file. Using an associated image file for each text paragraph seemed like my best bet to force the slider controls to stay in that standard position as each slide changed. Am I on the right track?
I am not really concerned with displaying image files.
An html version of this problem can be found at the zippy-share link below:
http://www51.zippyshare.com/v/46072947/file.html
take a look at the li examples in the main index.html
You can replace the image with the text you want to put. Please remember to modify the minItem and maxItem to fit your need.
I'm trying to modify a theme to fit my design in Wordpress. I'm having a lot of trouble editing the menu bar in any way (apart from just colors).
I need to know how to achieve something like this: http://i.imgur.com/hPBo4is.png
Is it possible to just add the image to the menu bar and link certain areas? How can I get this into my website?
Thanks.
you have to crop image with whole black color without text portion and apply as background image to menu's "ul" tag. and then to display that text links you have to play with padding & margin.
thanks
I am trying to add facebook like button and twitter follow button to SIT on a background although I have tried many variations of coding nothing works.
Lets say I have this image/background http://cl.ly/3A050D3E0v0X1C332O0c
and I want facebook/twitter to be under that background to look nice and then implement that code as an HTML widget on my wordpress sidebar.
Is this possible?
Place the like button inside of a div and set the background image of the div using CSS.