Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 3, 2014 at 3:08 am #345036
    Micheal0424

    http://www.expressvending.co.uk/?a=uk

    What is the closet I can come to using Enfold to get the loo of the boxes like in the link I sent: OUR MACHINES | VENDING MACHINES | VENDING HOUSING.

    I am trying to use Enfold to do something similar, any suggestions?

    November 3, 2014 at 7:00 am #345099
    Arvish

    Hi Micheal0424!

    You can set up Avia Layout Builder as shown below:

    Add the following code to your Quick CSS or custom.css

    #av_section_1 .av-special-heading{
  
  background-color: bisque;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top:10px;
  
}

#av_section_1 .avia_textblock{
  
  background-color: #CCC;
  padding:10px;
  color: #FFF !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  
}

    Change av_section_1 to whatever ID you’ve specified for your colored section.

    Regards,
    Arvish

    November 3, 2014 at 7:15 am #345108
    Micheal0424

    Wow, perfect. Thank you!!

    Follow up question:

    How do I close this gap between the picture and the text box below?

    http://test.maximfactory.com/sample-page/

    Thank you, this was a huge help!!

    Looks great!!

    • This reply was modified 10 years, 1 month ago by Micheal0424.
    November 3, 2014 at 8:23 am #345144
    Arvish

    Hey!

    Add this code to Quick CSS or custom.css

    #av_section_1 .avia-image-container.avia-align-center {
    margin: 0px auto 0px;
}

    Regards,
    Arvish

    November 3, 2014 at 5:08 pm #345361
    Micheal0424

    Worked perfectly!!

    Thank you for your help on both items, was a huge help!!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Rounded Corners Text Box?’ is closed to new replies.