-
-
Hi,
I’m using the title heading on the left side, with both title and second title, and inline border. However, it’s not showing up correctly on this page: https://www.squarefootcreative.com/rainbow/about-us/leadership/advisory-board/. It’s showing correctly on other pages but here. Can you please tell me how to fix that?
Thanks,
Carolina
-
Hello,
Please add these lines into your custom css box:
.block_title.column_title.inner-inline_border h1 { background: rgba(255, 255, 255, 0); } .block_title.column_title.inner-inline_border:after { margin-left: 33%; width: 70%; }
Best regards!
-
Hi Mihaila,
Thanks for the code. However, this solution is not responsive. When I reduce the screen size the line goes over the second title. I also want the second title to be on a separate line.
Can you please provide an updated code that is responsive?
Thanks,
Carolina
-
Hello,
Please add this code instead of the above:
.block_title.column_title.inner-inline_border h1 { background: #F5F5F5; } @media (max-width: 767px){ .block_title.column_title.inner-inline_border:after { display:none; } }
Best regards!
-
Hi Ruco, thank you for your response. However, this code is also not working. Can you please check again?
-
-
Hello,
Sorry, you can keep this css style Mihaila showed you:L
.block_title.column_title.inner-inline_border:after { width: 70%; margin-left: 30%;}
Best regards!
-
You must be logged in to reply to this topic.