Column spacing help

- 9 years, 9 months ago Utopia
  Participant
  
  Expired
  
  Hello,
  
  My client only has 5 services, which is making my life very difficult with visual composer!
  
  Now I have made the composer currently 1/12’s and each column 2/12’s at the minute but they are two squished together.
  
  Is there a way to use just html and use a generic shortcode to split the row into 1/5 columns and I just add the shortcode for the service icons with code?
  
  Thanks for your help,
  
  Sophie
- 9 years, 9 months ago Utopia
  Participant
  
  Expired
  
  This reply has been marked as private.
- 9 years, 9 months ago Mirela
  Participant
  
  Hello,
  
  Sorry that is not possible. But you can edit the layout from Row Settings > Type, set it to “Fullwidth Content”.
  
  Best regards!
- 9 years, 9 months ago Utopia
  Participant
  
  Expired
  
  Great, that’s exactly what I needed! Thanks so much!
  
  I have two more questions, sorry to be a pain!
  
  1. The contact info in header – My client would like it larger, is it possible to increase the size of the contact info icons and font? Or at least the font.
  
  2. In my widgitized header, I would like a button for the link ‘Client Portal’ I can’t figure out how to do this?
  
  Thanks again,
  
  Sophie
- 9 years, 9 months ago Mirela
  Participant
  Hello,
  
  1- To change font, add this code into your custom css box:
  
  .contact_information dt i { font-size: 28px;} .contact_information dd .title { font-size: 16px;} .contact_information dd p { font-size: 14px;}
  
  2-Sorry but that is not possible.
  
  Best regards!
- 9 years, 9 months ago Utopia
  Participant
  
  Expired
  
  Hello,
  
  1.I’ve entered it into the custom css box but it didn’t do anything?
  
  2. Okay no problem, I’ve figured out how to do this.
  
  3. Is it posible to change the social icons to icons of my choice?
  
  Many Thanks,
  
  Sophie
- 9 years, 9 months ago Mirela
  Participant
  Hello,
  
  1-Edit the code by adding an !important at it. It should be like this:
  
  .contact_information dt i { font-size: 28px !important;} .contact_information dd .title { font-size: 16px !important;} .contact_information dd p { font-size: 14px !important;}
  
  2-Great to hear! Would you be so kind to share your solution, for other forum users?
  3-Yes, go to file \includes\widgets\codeless_socialwidget.php find these lines:
  
  if( !empty($cl_redata['facebook']) ) echo '<li class="facebook"><a href="'.esc_url($cl_redata['facebook']).'"><i class="icon-facebook"></i></a></li>'; --//--
  
  (i added only the facbook code, but you have all socials in a row) Replace the icons code(example: icon-facebook) here. Save file.
  
  Best regards!
- 9 years, 9 months ago Utopia
  Participant
  
  Expired
  
  Thanks Mihaila,
  
  1. For some reason this still isn’t working? I entered the new code and nothing has changed, can’t work out what I’m doing wrong?
  
  2. Yeah sure! To add a button to the top header, create the button you want on a page, copy the shortcode into the widgets section > specular shortcodes, it doesn’t align quite right, it tends to stick to the top, I’m sure there will be an easy way of centering it but I just changed the header height to size of button, usually 40px. Super simple!
  
  3. Thanks, that’s sorted now!
  
  Many Thanks.
- 9 years, 9 months ago Mirela
  Participant
  
  Hello,
  
  You had a missing semi-colon in your previous code in custom css box. That was generating an error and therefore not recognizing the code i gave you. I fixed that. Please check your site, it’s set now.
  Let us know if you need further help.
  
  Best regards!
- 9 years, 9 months ago Utopia
  Participant
  
  Expired
  
  Ahhh I knew there must be something! Thanks so much!

Viewing 9 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login