Changes in slogan font (Title)

• 

  gmbicc · Member · Feb 20, 2018 at 2:08 pm

  • Copy link
  • Add topic to favorites

  Hi everyone – I am trying to turn italic only the slogan line of my title using css – any ideas? The theme I am using is Floral.
  Thx

  The blog I need help with is: (visible only to logged in users)

• 

  shubhamgmath · Member · Feb 20, 2018 at 2:15 pm

  • Copy link

  hi gmbicc

  am trying to turn italic only the slogan line of my title using css – any ideas? The theme I am using is Floral.

  – To do this you need to add this custom css code

  p.site-description {
      font-style: italic !important;
  }

  Hope this helps

• 

  gmbicc · Member · Feb 20, 2018 at 2:20 pm

  • Copy link

  Thanks a lot it perfectly worked! ;)
  Maybe you know also how to hide title boxes on sidebar – keeping just the title with no graphic around it???? I don’t know if it’s possible using css :D

• 

  shubhamgmath · Member · Feb 20, 2018 at 2:29 pm

  • Copy link

  Hi gmbicc

  to hide title boxes on sidebar – keeping just the title with no graphic around it????

  – to remove that you need to change you css code:

  the code you need to change is :

  .widget-title {
      margin: 0 0 30px;
      border: 1px solid #111;
      border-left: 4px solid #111;
      padding: 7px 27px 8px;
      font-style: italic;
      font-weight: 700;
      font-size: 18px;
      font-size: 1.8rem;
      text-transform: uppercase;
  }

  New code is :

  .widget-title {
      margin: 0 0 30px;
      padding: 7px 27px 8px;
      font-style: italic;
      font-weight: 700;
      font-size: 18px;
      font-size: 1.8rem;
      text-transform: uppercase;
  }

  If you are getting difficulty in finding the code to edit then directly add this to your css file:

  .widget-title {
      border: 0px !important;
  }

  Hope this helps, feel free to ask if you have any doubts

• 

  gmbicc · Member · Feb 20, 2018 at 2:34 pm

  • Copy link

  Cool!!!! Thanks Thanks Thanks !!Since you look like a genious for me… is there any way to keep the boxes and make all the margins of the same thickness??

  Last question – promise!

• 

  shubhamgmath · Member · Feb 20, 2018 at 2:41 pm

  • Copy link

  hi gmbicc

  any way to keep the boxes and make all the margins of the same thickness??

  As per my understanding on this question you want border but with same thickness.
  If yes than for that you need to change the code you added just now :

  old code

  .widget-title {
      border: 0px !important;
  }

  new code

  .widget-title {
      border: 1px solid !important;
  }

  Just change the code only, Hope this will help you.

  Cool!!!! Thanks Thanks Thanks !!Since you look like a genious for me…

  – Happy to help you :)

  Last question – promise!

  – feel free to ask.

• 

  gmbicc · Member · Feb 20, 2018 at 2:43 pm

  • Copy link

  Thank you soo much for your kindness. :)

  Cheers

• 

  shubhamgmath · Member · Feb 20, 2018 at 2:50 pm

  • Copy link

  Your welcome gmbicc .. happy to help you :)