Previous/Next-Buttons Portfolio Slideshow

- 6 years, 11 months ago Bikul
  Participant
  
  Expired
  
  Hello
  
  I updated the theme to the latest version and the Previous/Next-Buttons in the slideshow of a single portfolio changed completely
  
  As you can see here:
  
  Schuh-und Accesoiresfläche Bruns
  
  there are two blue arrows.
  
  Before it looked like this:
  
  https://breilplus.com/bilder/hover.jpg
  
  white fullheight areas with transparent arrows inside.
  
  Also the navigation bullets below the slideshow have not been there.
  
  I dont know why is this, what could I do? Has there be a change in the template for this slideshow?
  
  3 years ago Mihaila gave me this code to change the opacity of the white areas:
  
  .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
  
  background-color: rgba(255,255,255,0.9) !important;//change there the color and the opacity of the background of navigation arrows }
  
  .flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-next:hover {
  
  background-color: rgba(255,255,255,0.9) !important;//change there the color and the opacity of the background of navigation arrows on mouse hover}
  
  That is still in my custom CSS, but the Previous/Next-Buttons look totally different.
  
  Thank you for Help
  Bernd
- 6 years, 11 months ago Mirela
  Participant
  
  Hello,
  
  The script for the arrows is the Flex-slider script located in Visual Composer plugin files. This plugin and the script as well have been updated during the time.
  I can help you get the previous look with css. Just send me some valid wp credentials in a private reply.
  
  Best regards!
- 6 years, 11 months ago Bikul
  Participant
  
  Expired
  
  This reply has been marked as private.
- 6 years, 11 months ago Mirela
  Participant
  
  Hello,
  
  I added the necessary css. It’s the block from “/*Single portfolio item navigation styling*/” in your style.css file in child theme.
  
  Please check your site.
  
  Best regards!
- 6 years, 11 months ago Bikul
  Participant
  
  Expired
  
  Great job Mihaila!
  
  But there ist still a grey line below the picture and too much room between picture and text.
  
  I tried with code
  .slides:after {display: none!important;}
  
  then the line was gone and the distance was ok, but the prev/next hover was completely gone…
  
  Thank you for your help!
  Bernd
- 6 years, 11 months ago Mirela
  Participant
  Hello,
  
  The gray line, is actually the box shadow. Remove it with this css:
  
  .portfolio_single .flexslider { -o-box-shadow: none !important; box-shadow: none !important; }
  
  And the distance between text/image with this:
  
  .single_portfolio_container .content { margin-top: -40px !important; }
  
  Please keep in mind that we do not offer support on personal customizations. So if you need further style changes, you will have to do it yourself. Or hire a developer to help you with it.
  
  Best regards!
- 6 years, 11 months ago Bikul
  Participant
  
  Expired
  
  Thank you very much Mihaila!
  Your help was more than I expected: Great support!
  Bernd
- 6 years, 11 months ago Mirela
  Participant
  
  Glad to help!

Viewing 7 reply threads

You must be logged in to reply to this topic.

Community Forums

Previous/Next-Buttons Portfolio Slideshow

Site Links

Useful Articles

Login