Topic: Text type cursor is too thick

Tagged: x

1 2 →

Author

Posts
September 16, 2016 at 10:31 pm #1179002

Josh Hayles
Participant

Hi! Can you look at my site and tell me why the text type cursor is thick? It used to be thin. http://www.geniushomeowners.com

Thank you!

September 17, 2016 at 2:32 am #1179148
Rue Nel
Moderator
Hello There,

Thanks for writing in! To resolve this issue, please edit your page back in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS
```
.x-text-type {
    font-weight: normal !important;
}
```
Hope this helps. Please let us know how it goes.
September 17, 2016 at 7:50 am #1179310

Josh Hayles
Participant

Can I put that code in my appearance>custom CSS settings? The reason I ask is because I have a lot of pages that use that text type and I would prefer not to insert the code in each page.

September 17, 2016 at 7:54 am #1179313

Nabeel A
Moderator

Hi again,

Yes sure, you can add the above the code in your Customizer via Appearance > Customize > Custom > Edit Global CSS to make the above CSS global.

Cheers!

September 17, 2016 at 8:23 am #1179336

Josh Hayles
Participant

I pasted your code but it’s not working. Here’s what I have in my CSS:

.x-subscribe-form {
position: relative;
}

.x-subscribe-form h1 {
font-size: 1.75em;
margin: 0 0 0.5em;
}

.x-subscribe-form label {
margin: 0 0 0.375em;
font-size: 0.85em;
line-height: 1;
}

.x-subscribe-form label > span {
position: relative;
}

.x-subscribe-form label .required {
position: absolute;
top: -0.1em;
font-size: 1.5em;
}

.x-subscribe-form input[type=”text”],
.x-subscribe-form input[type=”email”] {
width: 100%;
margin-bottom: 1.25em;
font-size: inherit;
}

.x-subscribe-form input[type=”submit”] {
display: inline-block;
width: 100%;
margin-top: 0.25em;
font-size: inherit;
}

.x-subscribe-form input[type=”submit”]:focus {
outline: 0;
}

.x-subscribe-form .x-subscribe-form-alert-wrap {
margin-top: 1.25em;
font-size: inherit;
}

a[href=”tel”] {
color: #000 !important;
}

.x-colophon.bottom .x-colophon-content a {
color:#000 !important;
}

/* Change menu link color */

.x-colophon.bottom .x-nav li a {
color: #000000;
}

/* Change text color */

.x-colophon.bottom .x-colophon-content {
color: #000000;
}

/* Change social link color */

.x-colophon.bottom .x-social-global a {
color: #000000;
}
@media (max-width: 979px) {
.x-btn-navbar.collapsed .x-icon-bars {
color: #000000 !important;
}
.x-btn-navbar .x-icon-bars {
color: #000000 !important;
}
}
@media ( max-width: 767px ) {
.x-counter .text-below {
margin-top: 0.5em;
margin-bottom: 4em;
}
}
.single-post .entry-featured {
display: none !important;
}
@media ( max-width: 767px ) {
.x-feature-box {
position: relative;
margin: 2em auto 2.15em;
}
}

.page .x-recent-posts-img{
text-align: center;
background-size: contain;
}
.x-text-type {
white-space: pre-wrap;
}.x-text.cs-ta-center h5 {
margin-top: 0
}@media only screen and (max-width: 979px) {
.x-counter .number-wrap {
font-size: 3.25em;
}

.x-counter .text-above, .x-counter .text-below {
font-size: 16px;
}

.x-btn, .button, [type=”submit”] {
font-size: 15px;
}

}@media ( max-width: 979px ) {
..x-feature-box-title {
font-size: 1.3em;
}
.x-text-type {
font-weight: normal !important;
}

September 17, 2016 at 8:39 am #1179343
Thai
Moderator
Hi There,

You forgot to close the curly bracket(}) in your custom CSS.

Please replace the current CSS with this:
```
.x-subscribe-form {
	position: relative;
}

.x-subscribe-form h1 {
	font-size: 1.75em;
	margin: 0 0 0.5em;
}

.x-subscribe-form label {
	margin: 0 0 0.375em;
	font-size: 0.85em;
	line-height: 1;
}

.x-subscribe-form label > span {
	position: relative;
}

.x-subscribe-form label .required {
	position: absolute;
	top: -0.1em;
	font-size: 1.5em;
}

.x-subscribe-form input[type="text"],
.x-subscribe-form input[type="email"] {
	width: 100%;
	margin-bottom: 1.25em;
	font-size: inherit;
}

.x-subscribe-form input[type="submit"] {
	display: inline-block;
	width: 100%;
	margin-top: 0.25em;
	font-size: inherit;
}

.x-subscribe-form input[type="submit"]:focus {
	outline: 0;
}

.x-subscribe-form .x-subscribe-form-alert-wrap {
	margin-top: 1.25em;
	font-size: inherit;
}

a[href="tel"] {
	color: #000 !important;
}

.x-colophon.bottom .x-colophon-content a {
	color: #000 !important;
}

/* Change menu link color */

.x-colophon.bottom .x-nav li a {
	color: #000000;
}

/* Change text color */

.x-colophon.bottom .x-colophon-content {
	color: #000000;
}

/* Change social link color */

.x-colophon.bottom .x-social-global a {
	color: #000000;
}

@media (max-width: 979px) {
	.x-btn-navbar.collapsed .x-icon-bars {
		color: #000000 !important;
	}

	.x-btn-navbar .x-icon-bars {
		color: #000000 !important;
	};
}

@media ( max-width: 767px ) {
	.x-counter .text-below {
		margin-top: 0.5em;
		margin-bottom: 4em;
	};
}

.single-post .entry-featured {
	display: none !important;
}

@media ( max-width: 767px ) {
	.x-feature-box {
		position: relative;
		margin: 2em auto 2.15em;
	};
}

.page .x-recent-posts-img {
	text-align: center;
	background-size: contain;
}

.x-text-type {
	white-space: pre-wrap;
}

.x-text.cs-ta-center h5 {
	margin-top: 0;
}

@media only screen and (max-width: 979px) {
	.x-counter .number-wrap {
		font-size: 3.25em;
	}

	.x-counter .text-above, .x-counter .text-below {
		font-size: 16px;
	}

	.x-btn, .button, [type="submit"] {
		font-size: 15px;
	};
}

@media ( max-width: 979px ) {
	.x-feature-box-title {
		font-size: 1.3em;
	}
}

.x-text-type {
	font-weight: normal !important;
}
```
Hope it helps 🙂
September 17, 2016 at 9:09 am #1179363

Josh Hayles
Participant

I pasted this code but it’s still not working:

.x-subscribe-form {
position: relative;
}

.x-subscribe-form h1 {
font-size: 1.75em;
margin: 0 0 0.5em;
}

.x-subscribe-form label {
margin: 0 0 0.375em;
font-size: 0.85em;
line-height: 1;
}

.x-subscribe-form label > span {
position: relative;
}

.x-subscribe-form label .required {
position: absolute;
top: -0.1em;
font-size: 1.5em;
}

.x-subscribe-form input[type=”text”],
.x-subscribe-form input[type=”email”] {
width: 100%;
margin-bottom: 1.25em;
font-size: inherit;
}

.x-subscribe-form input[type=”submit”] {
display: inline-block;
width: 100%;
margin-top: 0.25em;
font-size: inherit;
}

.x-subscribe-form input[type=”submit”]:focus {
outline: 0;
}

.x-subscribe-form .x-subscribe-form-alert-wrap {
margin-top: 1.25em;
font-size: inherit;
}

a[href=”tel”] {
color: #000 !important;
}

.x-colophon.bottom .x-colophon-content a {
color: #000 !important;
}

/* Change menu link color */

.x-colophon.bottom .x-nav li a {
color: #000000;
}

/* Change text color */

.x-colophon.bottom .x-colophon-content {
color: #000000;
}

/* Change social link color */

.x-colophon.bottom .x-social-global a {
color: #000000;
}

@media (max-width: 979px) {
.x-btn-navbar.collapsed .x-icon-bars {
color: #000000 !important;
}

.x-btn-navbar .x-icon-bars {
color: #000000 !important;
};
}

@media ( max-width: 767px ) {
.x-counter .text-below {
margin-top: 0.5em;
margin-bottom: 4em;
};
}

.single-post .entry-featured {
display: none !important;
}

@media ( max-width: 767px ) {
.x-feature-box {
position: relative;
margin: 2em auto 2.15em;
};
}

.page .x-recent-posts-img {
text-align: center;
background-size: contain;
}

.x-text-type {
white-space: pre-wrap;
}

.x-text.cs-ta-center h5 {
margin-top: 0;
}

@media only screen and (max-width: 979px) {
.x-counter .number-wrap {
font-size: 3.25em;
}

.x-counter .text-above, .x-counter .text-below {
font-size: 16px;
}

.x-btn, .button, [type=”submit”] {
font-size: 15px;
};
}

@media ( max-width: 979px ) {
.x-feature-box-title {
font-size: 1.3em;
}
}

.x-text-type {
font-weight: normal !important;
}

September 17, 2016 at 3:13 pm #1179573

Nabeel A
Moderator

Hi again,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

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

September 17, 2016 at 3:31 pm #1179590

Josh Hayles
Participant

This reply has been marked as private.

September 18, 2016 at 12:55 am #1179883
Christopher
Moderator
Hi there,

There are extra semicolons in your code, see :
```
@media (max-width: 979px) {
.x-btn-navbar.collapsed .x-icon-bars {
color: #000000 !important;
}

.x-btn-navbar .x-icon-bars {
color: #000000 !important;
};
}

@media ( max-width: 767px ) {
.x-counter .text-below {
margin-top: 0.5em;
margin-bottom: 4em;
};
}

.single-post .entry-featured {
display: none !important;
}

@media ( max-width: 767px ) {
.x-feature-box {
position: relative;
margin: 2em auto 2.15em;
};
}
.x-btn, .button, [type=”submit”] {
font-size: 15px;
};
}
```
Please remove semicolons which are after curly brackets.

Thanks.
September 18, 2016 at 9:00 am #1180160

Josh Hayles
Participant

I removed them but the cursor is still thick when it blinks…

September 18, 2016 at 9:46 am #1180190
Christian
Moderator
Hey Josh,

Convertplug also has a blink animation which adds some styles to the X blink animation since they have the same name. To override that, please add the code below in your Appearance > Customize > Custom > Global CSS
```
@-webkit-keyframes x-blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes x-blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
.x-text-type .typed-cursor {
    -webkit-animation: x-blink 0.65s infinite !important;
    animation: x-blink 1s infinite !important;
}
```
Hope that helps. 🙂
September 18, 2016 at 9:57 am #1180197

Josh Hayles
Participant

I did that but it’s still not working.

September 18, 2016 at 10:24 am #1180223

Christian
Moderator

Try fixing the syntax error (remove the extra dot) first (see attachment).

Thanks.

September 18, 2016 at 10:37 am #1180234

Josh Hayles
Participant

Perfect! Thank you.
Author

Posts

1 2 →

<script> jQuery(function($){ $("#no-reply-1179002 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>