Docs

[blue light studio]

Hi,

I would like to change the spacing between elements within a Column. For instance if I have a headline box and a text box underneath it, there is too much space between the headline and the text. However, the padding on both are 0px, but there is still a big space.

It’s not just text elements, but buttons, or images or whatever you put in a column. Basically any 2 elements that are added to a column.

Also a totally different contact form 7 question:

How do I change the text color of what people are writing when they fill out the form? Also the size of the text and the size of the box that the text goes in.

The site I am working on is http://www.bluelightstudio.ca/newsite

Thanks!

[Rupok]

Hi there,

You can add the class mbn to the paragraph or other text element or use margin-bottom:0;.

For the contact form font and height; you can add this under Custom > CSS in the Customizer.

.wpcf7 select, .wpcf7 textarea, .wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 input[type="datetime"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="date"], .wpcf7 input[type="month"], .wpcf7 input[type="time"], .wpcf7 input[type="week"], .wpcf7 input[type="number"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="search"], .wpcf7 input[type="tel"], .wpcf7 input[type="color"] {
  font-size: 20px;
  height: 50px;
}

.wpcf7 textarea {
  height: 250px;
}

Let’s change the values if needed.

Cheers!

[blue light studio]

Hi,

Thanks for the help. I’m not sure I understand the mbn class, and the margin-bottom:0; doesn’t do anything. I put that in the syle field. Even if I make that number really large nothing changes.

An example of two of the elements I want closer together is near the top of the page it says “Your creativity is our passion” and then there is a button underneath that says “bringing your music to life one note at a time”.

http://www.bluelightstudio.ca/newsite

Can you explain in a bit more detail how i can move these closer together. Neither the button or the text have a large border (or padding) because when they are highlighted I can see where the edge is and the edge is very close to the text. I think it is something to do with the spacing between elements (padding or something) within a column and less to do with the border/padding on the text. Does that make sense?

For the contact form question, that fixed the size of the input field boxes, but I don’t see a place to change the text color that is written into them? Currently it’s grey. Perhaps this is a global setting somewhere in the theme I am unaware of?

Thanks in advance!

[Rupok]

Hi there,

Thanks for updating. I already tried to explain simply and it should work since I tested this on your site through developer tools. So what I can do is to change it on your site as you are facing trouble to do this. We don’t usually change user’s site but if you want us to do this for you; you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[blue light studio]

Firstly, thank you for you quick response and help. Themeco’s customer service has been top notch so far, and everyone I’ve dealt with is super helpful and friendly.

To be honest I would much prefer to have you explain it so I can repeat on other parts of the site, plus it helps others searching for answers….so I will make it as clear as I can because I think maybe I am not being clear.

Spacing between elements:

Illustration 1 – Where do I put the letters “mbn” OR where do I put the code: margin-bottom:0;

Contact form 7:

illustration 2 – shows contact form with the code you gave me in, and the text is still grey.
illustration 3 – shows the code you gave me copied into the custom css.

I will also give you my site info in a private message, but I believe you could explain this if you choose, which would be extremely helpful for not only me but anyone else who reads this post in the future.

Thank you!

[blue light studio]

This reply has been marked as private.

[blue light studio]

Oh, I got the margin-bottom:0; code to work, I just had to add px so it reads margin-bottom:0px;. I know it’s working because I can make it larger successfully, however, I believe without that code it defaults to 0px because 0px doesn’t change anything, it only changes when I make it larger, which is the opposite of what I want to do.

Not sure that helps.

[blue light studio]

I’ve been playing a bit more now that I got the px in the code to make it work.

It is working on most elements like text boxes and headlines, but it doesn’t seem to work on the section in the illustration, with the button.

[Friech]

Hi There,

The space of that phrase is coming to its <p> tag. Did you hardcode that code? Something like:

<p style="text-align: center;">Your <strong>Creativity</strong> is our <strong>Passion</strong></p>

You should not doing this as text element automatically wraps your text on a <p> tag.

In x theme all <p> tag has a default bottom margin of 2.15em. That is the gap that we are seeing here: http://prntscr.com/chpmwf

To get rid of that default bottom margin for any paragraph inside text element, add this code on your custom CSS

.x-text p {margin-bottom: 0;}

You dont need custom CSS to adjust the margin or padding of a Section and Row because Cornerstone provides you with that option. http://prnt.sc/chpnhq

Regarding the contact form 7; please update the given code above to this:

.wpcf7 select,
.wpcf7 textarea,
.wpcf7 input[type="text"],
.wpcf7 input[type="password"],
.wpcf7 input[type="datetime"],
.wpcf7 input[type="datetime-local"],
.wpcf7 input[type="date"],
.wpcf7 input[type="month"],
.wpcf7 input[type="time"],
.wpcf7 input[type="week"],
.wpcf7 input[type="number"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="search"], .wpcf7 input[type="tel"],
.wpcf7 input[type="color"] {
	font-size: 30px;
  	height: 50px;
	color: white;
}

.wpcf7 textarea {
  height: 250px;
}

Make sure you copy everything, feel free to adjust those values where you see it fits.

Hope it helps, Cheers!

[blue light studio]

Hey,

Thank you so much! Both of those works perfectly. You guys/gals are genius!

Funny though, I didn’t hard code the <p> tag in on purpose, but I think I may know what happened. I may have copy and pasted the text from our old site, and maybe it took the tag from that?

Either way this worked so thank you!

[Rupok]

Hi there,

Thanks for updating. Glad that it helped. Yes if you copy paste then the formatting will come as well.

Cheers!

[blue light studio]

Help! I just updated my cornerstone plugin to 1.3.2 and now it wont let me save anything! It says it’s saving as usual with the big green banner saying things like “neato” “spiffy” etc, but when I go to leave cornerstone either by closing the browser or by going back to the dashboard is says it hasn’t saved. Also when I click the “home” icon at the bottom to get the option to go to dashboard, it says I haven’t saved right about in a red box, doesn’t matter how many times I click save.

Also I know it’s not saving because if I check the actual site nothing has updated if I make changes!

I need to fix this because it is totally non-functional as is!

Thanks!

[Friech]

Hi There,

I did check the site. You have an old version of PHP (v5.2.17) and MYSQL (v5.5.43), please update your PHP and MYSQL to version 5.6 as per WordPress Requirements.

Please contact your hosting support to assist you with this.

Let us know how it goes.

And since this is a different topic, please do your reply on a new thread and just link it back here.

Thanks.

[Author]

Posts