You will need to add some custom CSS to achieve this.
Install and activate this plugin then go to “Add Custom CSS” on your dashboard and paste this
.footer-widget-area .widget-title {
display: block;
}
.mc4wp-form-basic label {
text-align: left;
}
.mc4wp-form-fields input {
float: left;
margin-right: 10px;
}
in the box.
You can use this
.sidebar .widget-title {
background: transparent;
color: #000;
border-bottom: 2px solid #000;
}
to remove the black background and add a border under the widget title in the sidebar.
And you can paste this
.home .entry-content a{
display:none;
}
to hide the extra link(Probably rendered by a third party plugin you might be using).
Let me know if this works fine.
Thank you,
The subscribe button is now directly under the text box on the left. No spaces between the two. On the bottom, the title now shows but the button is on the same line and to the right of the box. “Email” is also off.
I’m sorry I wasn’t specific with the widget titles.. I was hoping for a line on either side, that looks like it’s centered and would go through the text. ——— About ————
Like that but no spaces. If it’s a pain, I’ll just live with it. 🙂
Thanks again!
Hi there
you can paste this
.mc4wp-form-basic label,
.mc4wp-form-theme label {
text-align: left;
}
footer .mc4wp-form-fields input[type=submit] {
margin-top: -8px;
}
to align your button with the text field.
Now for the other one you can try this
@media(min-width:991px) {
.widget-title {
color: #000;
display: inline-block;
background: #fff;
margin: auto;
position: relative;
padding: 10px;
}
aside {
position: relative;
text-align: center;
}
aside ul,
aside p {
text-align: left;
}
aside:before {
background: #000;
height: 1px;
content: '';
display: block;
top: 46px;
margin: auto;
width: 196px;
right: 0;
left: 35px;
padding: 0 25%;
position: absolute;
}
}
But it will not apply in mobile devices
I have tried both codes and cleared cache and nothing changed. Do I maybe have another conflicting code? I’ve never messed with the widget titles before though.
Hi there,
I cannot locate the above css rules. Can you disable any caching plugins you might have and try again? Add the above custom css before any other code you might have.
Okay, that did the trick. 🙂
For some reason though, the text on the “about” widget moved to the left. Before it was centered.
I can’t find any option to fix this and I have tried just using spaces but apparently those aren’t considered.
Hello,
you can paste this in the end of your custom css
.widget_about p{
text-align:center;
}
to fix that.
Let me know if this helps
Thanks, that did it!
I appreciate everything, have a great day. 🙂
Hi there,
Glad I could help!
I’d like to ask you, if you like the theme and could take a minute to review it here it would help us a lot!
