Underline Bar
-
Is there a way to length and shorten the underline bar?
-
Hello aroshal,
Could you provide us your site url and locate where you want to make changes?
Best regards,
BidurThis is a student practice site
https://www.wpclothes5.com/tophat/?customize_changeset_uuid=b797253c-49af-4e17-a7e8-3cdd19af573dI want to be able to change the length of the underline bar that is under the page titles.
Thanks,
Arona RoshalHello,
Please add the following css insdie the additional css section of your customizer;
.type-page .entry-title::after { visibility: hidden; }Let us know.
Thanks!
What I want to do is to be able to make the line longer or shorter, not make it disappear.
Thanks
Oh! Sorry for the mix-up aroshal,
You can undo the changes and add;
.type-page .entry-title::after { width: 100%; }Note: Please change the width value of your own.
Thanks!
Perfect! Thank you. That is exactly what I was looking for.
Hi Styled Themes,
We’ve attempted to use this CSS code on our practice site (http://www.wpclothes1.com/va/services) and on multiple Pure &a Simple installs and the bar under the page title goes all the way across the page.
But when aroshal used it on her site:
https://www.wpclothes5.com/tophat/
the bar is only as long as the page title.See here the underline bar on this page is longer, cause the page title is longer:
https://www.wpclothes5.com/tophat/coaching-for-you/coaching-for-you-interview-continued/That is what I want, to have the underline bar only as long as the page title.
How can I do this?Thanks!
-
This reply was modified 8 years, 4 months ago by
websitecreationworkshop.
-
This reply was modified 8 years, 4 months ago by
websitecreationworkshop.
I’m following this thread too
as I want to see the answerHello christina,
Well you can add the following custom css;
.entry-title { display: inline-block; } .entry-title::after { width: 100%; }Thanks!
Styled themes:
that worked!
as long as I have all of the code in there
here is what I used:
/*change the length of bar under my page title*/
.type-page .entry-title::after {
width: 100%;
}
.entry-title {
display: inline-block;
}
.entry-title::after {
width: 100%;
}thanks so much!
-Christina
-
This reply was modified 8 years, 4 months ago by
The topic ‘Underline Bar’ is closed to new replies.
