Mega menu column width

- 9 years, 2 months ago Nicolekay
  Participant
  
  Expired
  
  Hey can you send me the css to make the mega menu column width wider please?
- 9 years, 2 months ago Mirela
  Participant
  Hello,
  
  Yes, please add this code:
  
  nav .codeless_custom_menu_mega_menu.codeless_mega4 li { width: 240px !important; }
  
  Edit the width value to your wish.
  
  Best regards!
- 9 years, 2 months ago Nicolekay
  Participant
  
  Expired
  
  Hi Mihaila – I’ve added your css to the code but it doesn’t seem to be adjusting the width. Also I’m not getting notifications that you have replied to my support ticket, do you know why? I just updated the theme this morning and am having problems with Visual composer, the wheel just keeps spinning. I need to make edits to the home page and can’t get in.
- 9 years, 2 months ago Nicolekay
  Participant
  
  Expired
  
  This reply has been marked as private.
- 9 years, 2 months ago Nicolekay
  Participant
  
  Expired
  
  This reply has been marked as private.
- 9 years, 2 months ago Nicolekay
  Participant
  
  Expired
  
  Hey I followed the directions but got a message that it failed
  
  Getting the following messages:
  
  <span style=”color: #444444; font-family: ‘Open Sans’, sans-serif; line-height: 19.5px;”>An error occurred while installing Envato WordPress Toolkit: </span><span style=”font-weight: 600; color: #444444; font-family: ‘Open Sans’, sans-serif; line-height: 19.5px;”>Destination folder already exists. /home/content/p3pnexwpnas03_data02/18/3133218/html/wp-content/plugins/envato-wordpress-toolkit/</span><span style=”color: #444444; font-family: ‘Open Sans’, sans-serif; line-height: 19.5px;”>.</span>
  
  <span style=”color: #444444; font-family: ‘Open Sans’, sans-serif; line-height: 19.5px;”>An error occurred while installing WPBakery Visual Composer: </span><span style=”font-weight: 600; color: #444444; font-family: ‘Open Sans’, sans-serif; line-height: 19.5px;”>Download failed. A valid URL was not provided.</span><span style=”color: #444444; font-family: ‘Open Sans’, sans-serif; line-height: 19.5px;”>.</span>
- 9 years, 2 months ago Mirela
  Participant
  
  Hello,
  
  That happened because you are using a child theme. The right url uses the parent theme folder. You need to switch to Tower theme to install included plugins.
  I already installed Visual Composer. I will review the other requests and let you know.
  
  Best regards!
- 9 years, 2 months ago Mirela
  Participant
  Hello,
  
  I added this code into your custom css box:
  
  nav .codeless_custom_menu_mega_menu.codeless_mega3 li { width: 240px !important; } nav .codeless_custom_menu_mega_menu.codeless_mega3 { width: 783px !important; }
  
  Because you are using a three column menu and not a 4rth as i previously send you the code for a 4 column menu. Also i removed the !important from the related css code in your style.css file as it overlap the custom code.
  
  Best regards!
- 9 years, 2 months ago Nicolekay
  Participant
  
  Expired
  
  Hey I found the solution on your forum… I have to activate the main theme then update.
  
  Can you let me know why the mega menu columns are not working. Thanks so MUCH!!!
- 9 years, 2 months ago Nicolekay
  Participant
  
  Expired
  
  Hey I’m working on a new home page – https://89f.6fc.myftpupload.com/home/
  
  how do I move the background image up to below the menu so I don’t have that white space? Also is there a way to change the 3 buttons circles using css or do you have circle buttons somewhere else?
- 9 years, 2 months ago Nicolekay
  Participant
  
  Expired
  
  What size do I need the background image to be so it fills the whole space?
- 9 years, 2 months ago Mirela
  Participant
  
  Hello,
  
  To remove the menu background you need to make it transparent. Go to Header Options > Transparency.
  To change the buttons, add your custom css into custom css box. Find it it General Options.
  The bigger the resolution of the image the better. You can customize it’s position with some css.
  Let us know.
  
  Best regards!
- 9 years, 2 months ago Nicolekay
  Participant
  
  Expired
  
  Thanks Mihaila! Can you send me to the css line that controls that button, then I can adjust the code to make it a circle.
  
  Can I add margins to my text blocks in Visual Composer? I want the text block with the greek text to not be as wide.
- 9 years, 2 months ago Mirela
  Participant
  Hello,
  
  The buttons use this primary css:
  
  .vc_btn3.vc_btn3-color-blue.vc_btn3-style-modern { color: #fff; border-color: #5472D2; background-color: #5472D2; } .vc_btn3.vc_btn3-size-lg { font-size: 16px; padding: 30px 8px; } .vc_btn3.vc_btn3-shape-round { border-radius: 4em;}
  
  Result screenshot. Edit it to your wish.
  
  To add any custom css to a text block from Visual Composer, you can add a Extra class name at the Text Block Settings and assign css to this class. Add the code into the page’s custom css box.
  
  Best regards!
- 9 years, 2 months ago Nicolekay
  Participant
  
  Expired
  
  Can you let me know which style sheet the above css is in and on which line. I’m looking for it but can’t seem to find it.
  
  Also is it possible to have my background image on this page run full width? I’m not sure if I have something set up wrong or do i just have to make the image much wider? – https://89f.6fc.myftpupload.com/home/
- 9 years, 2 months ago Nicolekay
  Participant
  
  Expired
  
  I almost got the circles Mihalia :/ put in some custom css but they aren’t quite round and have so much padding which I removed in the css but it’s still showing up.
- 9 years, 2 months ago Mirela
  Participant
  Hello,
  
  Sorry for the late reply.
  The code i send you is to be added into your custom css box. This is located in your General Options > Custom Css box. Add here all the additional css you will use to transform your site. It will be saved even if you update theme later on.
  
  Edit the code i gave you to this:
  
  .vc_btn3.vc_btn3-color-blue.vc_btn3-style-modern { border-radius: 5em; }
  
  Best regards!
  
  This reply was modified 9 years, 2 months ago by Mirela.
- 9 years, 2 months ago Nicolekay
  Participant
  
  Expired
  
  I put the code in the custom css, but the buttons are still not round on this page
  
  <span style=”color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”> https://89f.6fc.myftpupload.com/home/</span>
  
  I also want the picture to be full width, maybe I should be using Layered slider or REV slider. I just don’t want it to slide, only have the one layer. Which of the 2 sliders is easier to use?
  
  Thanks!
- 9 years, 2 months ago Mirela
  Participant
  
  Hello,
  
  Edit the paddings to create the best shape you want.
  To make background picture full width, just add it as a row background image and set the row as Full width background. Look for it at Row Settings.
  Layer slider could be easier to understand and use. But this should be your personal choice.
  
  Best regards!
- 9 years, 2 months ago Nicolekay
  Participant
  
  Expired
  
  Hi Mihaila I do have it as a row background full width. Do you have a service that I can pay for to set up just that HOME page for me. What I want is quite simple and I could email you a layout. Let me know, really appreciate your help :)
- 9 years, 2 months ago Mirela
  Participant
  
  This reply has been marked as private.
- 9 years, 2 months ago Nicolekay
  Participant
  
  Expired
  
  OMG you are so incredible!!! I just bought another license for another site I’m building…. so you haven’t gotten rid of me yet :) Will send a layout in a bit
- 9 years, 2 months ago Nicolekay
  Participant
  
  Expired
  
  This reply has been marked as private.
- 9 years, 1 month ago Nicolekay
  Participant
  
  Expired
  
  Hi Mihaila
  
  Just checking in to see if you have had a chance to look at my layout yet?
- 9 years, 1 month ago Nicolekay
  Participant
  
  Expired
  
  Hey Mihaila – I’m a bit desperate for your help re the layout above. I know you are busy but any help is greatly appreciated.
- 9 years, 1 month ago Nicolekay
  Participant
  
  Expired
  
  I started a test layered slider but it does not see to be responsive, like the Visual Composer – https://89f.6fc.myftpupload.com/test-page/
  
  I also have this page using Visual Composer – https://89f.6fc.myftpupload.com/<span id=”editable-post-name” style=”font-weight: bold;”>home</span>/
- 9 years, 1 month ago Nicolekay
  Participant
  
  Expired
  
  OMG you are my hero! I see you did some stuff on my Home page. Do I just have to add the background picture in and delete the other elements? I don’t want to be messing with it till I know you are done just in case you are working on it, so let me know.
- 9 years, 1 month ago Nicolekay
  Participant
  
  Expired
  
  I’m so sorry to bug you but why on some pages is my menu no longer showing up
  
  – https://89f.6fc.myftpupload.com/our-story/
  
  – https://89f.6fc.myftpupload.com/national-global-affiliates/
- 9 years, 1 month ago Nicolekay
  Participant
  
  Expired
  
  fixed the menu issue :)
- 9 years, 1 month ago Nicolekay
  Participant
  
  Expired
  
  I’m so close to getting the home page right but what is the black bar above the VC content and how do I remove it? See link below
  
  https://89f.6fc.myftpupload.com/home/
  
  https://89f.6fc.myftpupload.com/wp-content/uploads/2016/05/Screen-shot-2016-05-02-at-7.44.11-PM.png
- 9 years, 1 month ago Mirela
  Participant
  
  This reply has been marked as private.
- 9 years, 1 month ago Mirela
  Participant
  
  This reply has been marked as private.
- 9 years, 1 month ago Nicolekay
  Participant
  
  Expired
  
  This reply has been marked as private.
- 9 years, 1 month ago Mirela
  Participant
  Hello,
  
  1- To make the icon too, clickable please go to file vc_templates/services_medium.php and find this line:
  $output .= '<div class="icon_wrapper" style="'.$extra_st.'"><i class="'.esc_attr($icon).'" style="color:'.esc_attr($icon_color).';"></i></div>';
  Replace with this:
  $output .= '<div class="icon_wrapper" style="'.$extra_st.'"><a href="'.esc_url($data['link']).'"><i class="'.esc_attr($icon).'" style="color:'.esc_attr($icon_color).';"></i></a></div>';
  
  2-For the rollover color you have to find the css that has :hover class at the end of css classes. Edit the color there.
  
  3-Please add this code for the white border in side of mega menu:
  
  nav .codeless_custom_menu_mega_menu ul>li { padding-right: 7px !important; }
  
  Best regards!
- 9 years, 1 month ago Nicolekay
  Participant
  
  Expired
  
  OMG you are so brilliant.. I added the link to the services_medium.php!
  
  Why are my 3 circles not fully filled in and just have the outlines? Is the css you changed on the actual style sheet or is it in the custom css code area?
  
  Here is a link to a screen shot – https://nicolekay.com/Screenshot.png
  
  BTW I sent a message to codeless singing your amazing support!
- 9 years, 1 month ago Mirela
  Participant
  
  Hello,
  
  The css added is all in the page’s custom css box (screenshot). Any code added here is available only for this page and it will not be lost in case of a theme update (if added in style.css, would be overwritten by future updates).
  Since the services are all the same element, we need another css class to distinguish them in order to give different background colors. So i added a extra css class in the column settings of each. The result css code is in the page’s custom css box.
  Please check and let us know.
  
  PS: Thank you very much for your words! I really appreciate it! :)
  
  Best regards!
- 8 years, 12 months ago Nicolekay
  Participant
  
  Expired
  
  Hi Mihaila
  
  just about finished this site https://89f.6fc.myftpupload.com/wp-admin/ you can find the log in for it above in the string.
  
  How do I get the full bio to show up on the Team page? – https://89f.6fc.myftpupload.com/our-team/
  
  Also on the home page, the spacing is off between the 3 circles https://89f.6fc.myftpupload.com/
  
  Here is a screen shot – my client mentioned it – https://nicolekay.com/spacing.jpg
  
  Thanks!!!
- 8 years, 12 months ago Mirela
  Participant
  
  Hello,
  
  1-To show full bio in single staff, please go to file \vc_templates\staff.php and find this line:
  $output .= '<p>'.codeless_text_limit(get_the_excerpt(), 25).'</p>';
  Number 25 is the number of words to show up. Increase it to your wish.
  Example: setting it to a huge value like ‘99999’ will display all the available text.
  
  2-I added padding to the column of the middle service (screenshot). You can edit it to your wish.
  
  Best regards!
- 8 years, 11 months ago Nicolekay
  Participant
  
  Expired
  
  Hey I put in 99999, but it isn’t working so well. Maybe that’s not what I’m looking for…. since we don’t have any headshots yet how do viewers normally enter into each full bio page, is it by clicking the headshot?
  
  Any suggestions would be helpful. – Thanks!
- 8 years, 11 months ago Mirela
  Participant
  
  Hello,
  
  1-You can try this other way, edit the line above to this:
  $output .= '<p>'.codeless_text_limit($content, 5555).'</p>';
  It will get the content instead of the excerpt.
  
  2-In this case you can make the staff name a link to it’s profile. For that please go to vc_templates\staff.php file and find this line:
  $output .= '<h5>'.esc_html(get_the_title()).'</h5>';
  
  Replace with this:
  $output .= '<a href="'.esc_url(get_permalink()).'"><h5>'.esc_html(get_the_title()).'</a></h5>';
  
  Best regards!

Viewing 39 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login