This topic has 20 replies, 3 voices, and was last updated 8 years, 11 months ago ago by Eva Kemp
Hello Support,
I tried to change the padding or the space field to drop the bar just like I paint it in red color to the footer but does not go. Maybe can advise if I am doing something wrong?
http://i1340.photobucket.com/albums/o728/LibardoBarreto/4234235_zpsr3i7n5s4.png
Would you please assist to have the spacing, padding fix in order to look like above? In addition I also want to move the position of the Quote button a bit more to the right and align it to show in the same line as the text ( BEYOND KITCHEN AND BATH COVERS EVERY TRADE WITHIN THE INDUSTRY )
http://i1340.photobucket.com/albums/o728/LibardoBarreto/4fgfdg_zps7sehovmb.png
Hello,
Please add this code in custom.css file
.wpb_row,
.content-page {
margin-bottom: 0px;
}
Regards,
Robert Hall.
Hello Robert,
Thanks .. Is there also another code to play with the margins? For instance to lower a bit down or up?
Also would you please assist to have the spacing, padding fix in order to look like above? In addition I also want to move the position of the Quote button a bit more to the right and align it to show in the same line as the text ( BEYOND KITCHEN AND BATH COVERS EVERY TRADE WITHIN THE INDUSTRY )
http://i1340.photobucket.com/albums/o728/LibardoBarreto/4fgfdg_zps7sehovmb.png
Please try add this code in custom.css file to move button to right side:
.page-id-23019 .vc_custom_1427428241145 ult-vc-hide-row .btn{
float:right;
}
and this code to align middle text in white block
.vc_custom_1427428241145{
padding-bottom: 10px !important;
}
Regards,
Robert Hall.
Hi Robert,
I tried the codes above but nothing change. Can you please login to check this?
See in private
I’ve made some changes in custom.css file regarding the code above. Please check.
Regards,
Robert Hall.
Thanks Robert .. Looks much better indeed!! Now is there a way for this text to go in line with the other ones?
http://i1340.photobucket.com/albums/o728/LibardoBarreto/ewfwefwef_zps3bkahulh.png
Also how do I make this text letter ( BEYOND KITCHEN AND BATH COVERS EVERY TRADE WITHIN THE INDUSTRY ) size bigger ?
Hello,
I’ve changed columns to 2/3+1/3 in Visual Composer editor. Please check that section now.
To make text bigger you need change font size in Text editor as shown on the screenshot:
http://storage3.static.itmages.com/i/15/0327/s_1427479100_3581664_ed3abeff9b.png
Regards,
Eva Kemp.
Thanks Eva. Now going back to the button is there a way to make it bigger or any way that I can play around with from left to right,padding,space etc.. ? Like for instance right now the button looks the way it should which is on the right. But how to move it a bit closer to the text?
Hello,
To make a button bigger add this code in custom.css file:
.page-id-23019 .vc_custom_1427428241145 .btn {
font-size: 20px !important;
margin-right: 70px;
padding: 10px 10px !important;
}
Thank you.
Regards,
Eva Kemp.
Hi Eva,
Can you please assist with the following:
YELLOW = Center the Button in the BLUE color space. How to make the Red Button (Picture 2) just the same for (Picture 1)?
RED = How can I center the text in the BLUE color space?
Picture 1
http://i1340.photobucket.com/albums/o728/LibardoBarreto/SFDF_zps8jc4dz06.png
Picture 2
http://i1340.photobucket.com/albums/o728/LibardoBarreto/VVSDSDD_zpsfbeytjsb.png
I have the following codes already in page (bkbcuracao.com/services)
.wpb_row,
.content-page {
margin-bottom: 0px;
}
.vc_custom_1427428241145{
padding-bottom: 10px !important;
}
.page-id-23019 .vc_custom_1427428241145 .btn {
font-size: 20px !important;
margin-right: 70px;
padding: 10px 10px !important;
}
Let me know if need to change them or add replace them with a new code.
Hello,
To move the button on Picture 2 add this code in custom.css file:
button.ult-align-left {
float: right !important;
}
Please provide us with a link for Picture 1.
Thank you.
Regards,
Eva Kemp.
Hi Eva,
The Picture 1 is shown above.
please find below
http://rs1340.pbsrc.com/albums/o728/LibardoBarreto/SFDF_zps8jc4dz06.png~320×480
Hello,
We need to see the page where that content is added on your site.
Please give us a page url.
Thank you.
Regards,
Eva Kemp.
Hello,
Add this code in custom.css to center the text from picture 1:
.vc_custom_1429156136955 {
margin-top: 40px !important;
}
Thank you.
Regards,
Eva Kemp.
Hi Eva,
I tried this code but cannot move the text:
.vc_custom_1429156136955 {
margin-top: 40px !important;
}
Now I have the following questions:
ITEM 1:
– IS there a way to center both Button and Text at the same time instead of individual? IF so what would be the code for this?
http://i1340.photobucket.com/albums/o728/LibardoBarreto/hgfjfgj_zpsjirvkach.png
ITEM 2:
– IS there a way to change the color of this button?
http://i1340.photobucket.com/albums/o728/LibardoBarreto/78h_zpsaeyru9wn.png
ITEM 3:
– IS there a way when you hover your mouse over the button which it can show a bit transparent that indicate that your cursor is on this button?
http://i1340.photobucket.com/albums/o728/LibardoBarreto/78h_zpsaeyru9wn.png
ITEM 4:
– Is there a way to add Top Padding 5px? I tried with this code but still not have affect:
.wpb_row,
.content-page {
margin-bottom: 5px;
margin-top: 5px;
}
http://i1340.photobucket.com/albums/o728/LibardoBarreto/56_zpscp1wvadg.png
Hello,
1. Try to use this code:
.vc_custom_1429156136955 {
margin-left: 90px !important;
}
2. Use this code:
.btn.filled.medium {
background-color: red;
}
3. Use the following code:
a.btn.filled.medium:hover {
opacity: 0.6;
}
4. Do you want to add that value for the whole row? If so try this code:
.vc_custom_1429156136955 {
margin-top: 5px !important;
}
Regards,
Eva Kemp.
Hi Eva,
ITEM 1, 2, 3 works. We are having problem with ITEM 4.
When I add the code of ITEM 4 in the CSS it still don’t work. I illustrate below the following:
COLOR YELLOW needs to be the same height as COLOR RED. COLOR BLUE we would like to lower the text a bit to be a bit in line with the button next to it.
http://i1340.photobucket.com/albums/o728/LibardoBarreto/3435_zps9yg8rt1b.png
I also noticed the following once a I logged in and went to SERVICES page. Could you please correct this?
http://i1340.photobucket.com/albums/o728/LibardoBarreto/gbdfhdfh_zpss47b4yoa.png
Please see in private for login credentials.
Hello,
Please try to add padding value for the text block which you want to move:
http://storage1.static.itmages.com/i/15/0420/h_1429529521_2596359_ca0ae0d96e.png
Also try to recreate the row where you have issue with content display.
Regards,
Eva Kemp.
You must be logged in to reply to this topic.Log in/Sign up