Hello, I have a few questions regarding the Salient's Fancy Box Element
1) How do I replicate the fancy box showing UI Design/Web Design/Mountain Design as shown in the Salient's promo page upon clicking the Fancy Box element page? Screenshot attached. I can't seem to replicate the smaller/narrower size of the boxes and the screenshot it doesn't appear as a template made by Salient when I try to look for templates. When I add 3 fancy boxes for example through the nectar shortcode in 3 separate columns in a row, the boxes span across the whole page and are really wide compared to the example.
When attempting to decrease the width of each fancy box to try and replicate the screenshot (such as by going into responsive settings for the column, and choosing a narrower width for the column), I have noticed two things: 1) my boxes get pushed to the left side and are not centered on the page and 2) the padding within each box is smaller in the example screenshot than mine, which I inserted through the nectar shortcode. Therefore, that begins my 2nd question.
2) After making any column narrower and inserting something into them, how do I center all the columns on the page? E.g. If I create a row with 3 columns, and then insert 3 text boxes and make them narrower through clicking their responsive settings and choosing a narrower width (is this even the right approach?), how do I align all the columns to the center of the row?
3) How do I adjust the padding of each fancy box to replicate the sample I attached? It seems by default the padding/margins are different than the screenshot attached. (I really wished the example I attached was available as a template as this would make my whole life a lot easier!)
4) How do I change the overlay color of the fancy box (for the hover+color bar option)? It appears to be a dark gray. How do I change the color of the link text as well as the animated arrow upon hover? In the example screenshot it shows: "View Case Study >". Just wondering if this can be changed to any other color.
5) Unrelated: How do I add custom text to the off canvas navigation area (i.e. to show contact information)? Is it possible to allow for different things to show on the off canvas area when on mobile vs on a computer? For example, I would like to show the normal menu navigation there when on mobile, whereas when on larger displays, only contact information is needed as the menu will already be in the top bar.
Thank you very much in advance! Please let me know if you have any further questions.
Hello, I have a few questions regarding the Salient's Fancy Box Element
1) How do I replicate the fancy box showing UI Design/Web Design/Mountain Design as shown in the Salient's promo page upon clicking the Fancy Box element page? Screenshot attached. I can't seem to replicate the smaller/narrower size of the boxes and the screenshot it doesn't appear as a template made by Salient when I try to look for templates. When I add 3 fancy boxes for example through the nectar shortcode in 3 separate columns in a row, the boxes span across the whole page and are really wide compared to the example.
When attempting to decrease the width of each fancy box to try and replicate the screenshot (such as by going into responsive settings for the column, and choosing a narrower width for the column), I have noticed two things: 1) my boxes get pushed to the left side and are not centered on the page and 2) the padding within each box is smaller in the example screenshot than mine, which I inserted through the nectar shortcode. Therefore, that begins my 2nd question.
2) After making any column narrower and inserting something into them, how do I center all the columns on the page? E.g. If I create a row with 3 columns, and then insert 3 text boxes and make them narrower through clicking their responsive settings and choosing a narrower width (is this even the right approach?), how do I align all the columns to the center of the row?
3) How do I adjust the padding of each fancy box to replicate the sample I attached? It seems by default the padding/margins are different than the screenshot attached. (I really wished the example I attached was available as a template as this would make my whole life a lot easier!)
4) How do I change the overlay color of the fancy box (for the hover+color bar option)? It appears to be a dark gray. How do I change the color of the link text as well as the animated arrow upon hover? In the example screenshot it shows: "View Case Study >". Just wondering if this can be changed to any other color.
5) Unrelated: How do I add custom text to the off canvas navigation area (i.e. to show contact information)? Is it possible to allow for different things to show on the off canvas area when on mobile vs on a computer? For example, I would like to show the normal menu navigation there when on mobile, whereas when on larger displays, only contact information is needed as the menu will already be in the top bar.
Thank you very much in advance! Please let me know if you have any further questions.
Hi again, I just wanted to bump up my questions again as I'm still waiting for some sort of help.
Cheers
Hey Again,
1: Are these two samples not working for you : http://prntscr.com/it76jz .
2,3,4: There is no Padding option available the Fancy Box takes on the Width of the Column its in .
The Fancy Box Setting can be adjusted in here: http://prntscr.com/it770u .
5:See video https://www.youtube.com/watch?v=VzsSTnmGYAQ . No there is no option to show different text or menu on Desktop and Mobile.
Be.st
ThemeNectar Support Team