Title Heading not showing up correctly

- 9 years, 8 months ago orion1978
  Participant
  
  Expired
  
  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
- 9 years, 8 months ago Mirela
  Participant
  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!
- 9 years, 8 months ago orion1978
  Participant
  
  Expired
  
  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
- 9 years, 8 months ago Ruco
  Keymaster
  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!
- 9 years, 8 months ago orion1978
  Participant
  
  Expired
  
  Hi Ruco, thank you for your response. However, this code is also not working. Can you please check again?
- 9 years, 8 months ago orion1978
  Participant
  
  Expired
  
  Please reply…
- 9 years, 8 months ago Ruco
  Keymaster
  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!

Viewing 6 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login