Okay
  Public Ticket #166970
Add box around text not in column
Closed

Comments

  • Jonathan started the conversation
    February 20, 2014 at 11:09pm
    3 questions about adding/altering box around text. 1) How do I remove hover over effect on the white boxes (see 'What We Do' and 'How We Get Better Rates' columns) 2) How do I align the boxes so they are the same size even with different amount of text in each? 3) How do I add a similar white box around the 'Who We Are' paragraph? Thank you!
  •  1,069
    ThemeNectar replied
    February 24, 2014 at 5:53am

    Hey Jonathan!

    1. Add this into the Custom CSS box located in your Salient Options panel:

    .col.boxed {
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)!important;
   top: 0!important;
}

    2. And this:

    @media only screen and (min-width: 1000px) and (max-width: 1300px) {
  .page-id-680 .span_6 .col.boxed { 
      height: 450px!important; 
  } 
}

@media only screen and (min-width: 1300px) {
   .page-id-680 .span_6 .col.boxed {
       height: 390px!important;
   }
}

    3. You just need to add that content in a 1/1 column with the boxed option set on as well :)

    Cheers

  • Jonathan replied
    February 24, 2014 at 8:57pm

    Thanks for the reply!

    I added the custom CSS for 1) and 2) and it did not change either issue. (I added a screenshot of what I added).

    Also, for 3) can you give me actual text as I tried [one_one boxed="true"] and it did not do anything.

    Thanks!

  • Jonathan replied
    February 24, 2014 at 9:01pm

    Apologies, 1) did work. Hover effect over white boxes has been removed!

    Just need assistance on 2) and 3)

  •  1,069
    ThemeNectar replied
    February 26, 2014 at 10:51am

    Hey!

    2. Change it to:

     
@media only screen and (min-width: 1000px) and (max-width: 1300px) {
  .page-id-680 .span_6.col.boxed { 
      height: 450px!important; 
  } 
}

@media only screen and (min-width: 1300px) {
   .page-id-680 .span_6.col.boxed {
       height: 390px!important;
   }
}

    3. Use this (you need to at least be on Salient v2.6):

    	[one_whole boxed="true"] [/one_whole]

    Cheers :)

  • Jonathan replied
    February 26, 2014 at 11:48pm

    Got it! Just needed to update the theme. Thanks for the support!