Okay
  Public Ticket #2624589
Fancy Box Parallax and Text
Closed

Comments

  •  3
    Sandon started the conversation

    I did some searching first but couldn't find any tickets on editing Fancy Box Text, or editing the Parallax effect. 

    Can you provide a solution to the following: 

    Disable Fancy Box parallax effect while keeping hover/shadow. 

    Provide the fancy box text tags? 

  •  8,849
    Tahir replied

    Hey,
    Please provide the page URL so I may write up the custom CSS for this request.
    Thanks


    ThemeNectar Support Team 

  •   Sandon replied privately
  •  8,849
    Tahir replied

    Hey Again,

    - For the Text Tags since you are using H2 and H5 you can change the font size in the Typography Section of the Salient Theme Options Panel:

    8949438366.pngClick To Open Larger Image.


    - Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .nectar-fancy-box[data-style="parallax_hover"] .parallaxImg-container {
        transform: perspective(1827px) rotateX(0deg) rotateY(0deg) translateZ(0px) !important;
    }
    .nectar-fancy-box[data-style="parallax_hover"] .parallaxImg-shadow {
        transform: perspective(1827px) rotateX(0deg) rotateY(0deg) translateZ(0px) !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  3
    Sandon replied

    Thanks for the parallax CSS! 

    In regards to the text: 

    - For the Text Tags since you are using H2 and H5 you can change the font size in the Typography Section of the Salient Theme Options Panel:

    I need to adjust the tags to a custom font family that I am using. Which is why I am trying to get the text tags specifically for the fancy box so that I can update the custom CSS. 



  •  8,849
    Tahir replied

    You can use these selectors to add in Custom CSS:

    .nectar-fancy-box h2{
    }
    .nectar-fancy-box h5{
    }

    Thanks


    ThemeNectar Support Team