Digital experiences for all disciplines
New Landing › How can we help? › Cardinal › Help for several little things :)
New Landing › How can we help? › Cardinal › Help for several little things :)
- This topic has 14 replies, 4 voices, and was last updated 9 years by Kyle – SUPPORT.
-
Posted in: Cardinal
-
October 26, 2015 at 3:23 am #223114
Hello!
I would need some help for several little things:
1) I would like to have the video background in the slider a little bit darker in order for the white font to be clearer.
2) I would like the icons for Twitter and Linkedin to be all aligned.
3) I would like the font in the form to be white, not grey.
4) I create a new page, but when I go on it, the menu is not working. How do I change the menu only for this page?You can see screenshots attached for clarity ๐
Thank you so much!Attachments:
You must be logged in to view attached files.October 26, 2015 at 4:42 pm #223365Hi,
1) Please increase the Overlay Opacity in the Swift Slider.
2) You would need to add a class to each of the team member columns, you can then set a min height for each of the columns. Example CSS:
.my-custom-class { min-height: 800px; }
3) Please add this custom CSS to your theme options:
.home input[type="text"], .home input[type="email"], .home input[type="password"], .home textarea, .home select, .home .wpcf7 input[type="text"], .home .wpcf7 input[type="email"], .home .wpcf7 textarea, .home .wpcf7 select, .home .ginput_container input[type="text"], .home .ginput_container input[type="email"], .home .ginput_container textarea, .home .ginput_container select, .home .mymail-form input[type="text"], .home .mymail-form input[type="email"], .home .mymail-form textarea, .home .mymail-form select, .home input[type="date"], .home input[type="tel"], .home input.input-text, .home input[type="number"]{ color: #fff!important; }
4) Meta Options => Page Header / Slider => Page Menu
Thanks,
David.October 27, 2015 at 8:51 pm #223675Thank you David! I changed my mind for 1). I would like to have a black banner behind the text instead. See screenshots ๐
Attachments:
You must be logged in to view attached files.October 27, 2015 at 8:58 pm #223679I would need a little more help for 2). I added the CSS code and then I went in each colum to put this: “.my-custom-class”
I’m pretty sure I’m doing something wrong ! ๐
October 28, 2015 at 10:57 am #2238041) You will need to create some custom CSS, example:
.home .caption-excerpt { background: #000; padding: 5px 25px 20px; }
2) Please check now, I have modified this.
Thanks,
David.November 2, 2015 at 3:42 am #224838Hi David!
We’re almost there. I would like the banners to be the entire width of the website ๐November 2, 2015 at 11:36 am #224926Did you tried to place the banner inside a Row element and change the Row settings to Full Width content?
Give it a try.
-Rui
November 2, 2015 at 4:37 pm #225095We’re talking about the swift slider. It does not give me the option to add a row for the copy.
November 3, 2015 at 12:24 pm #225372Add this to your custom css:
.swiper-slide .caption-wrap { width: 100%; } .swiper-slide .caption-content { padding: 0; }
– Kyle
November 3, 2015 at 9:22 pm #225597Hello!
Point 2 is still not resolved ๐ The Linkedin & Facebook are not aligned.November 4, 2015 at 6:57 pm #2259592) Looks like you have changed this from when we resolved it earlier. Please add the classes back to the social
<ul>
html tags. You need to re-add into the page contentmy-custom-class-social
for each social<ul>
.The placement of these will vary depending on how much text content you have for each member above the social icons.
– David.
November 8, 2015 at 6:28 am #226873Hi David!
I’m really sorry but I’m a newbie on this and I’m not sure where to change those. Would you ming giving me a step by step ๐November 9, 2015 at 7:47 pm #227225Hi,
I have simplified this for you.
In your theme options CSS I have added this:
.my-custom-class:nth-of-type(1) ul.social-icons { margin-top: 10px; } .my-custom-class:nth-of-type(2) ul.social-icons { margin-top: 0px; } .my-custom-class:nth-of-type(3) ul.social-icons { margin-top: 40px; }
Each of the above CSS snippets corresponds to the specific column containing each social code, 1, 2 and 3. You can change the pixel value of the top margin for each social link to move it up or down to match the rest.
Take a look now at the page.
Thanks,
David.November 10, 2015 at 10:14 pm #227609THANK YOU ๐
November 11, 2015 at 9:09 am #227655Thanks David
– Kyle
-
Posted in: Cardinal
You must be logged in and have valid license to reply to this topic.