-
AuthorPosts
-
September 3, 2013 at 5:11 pm #28863
Hi, I have a problem that my primary menu bar has a lot of long sentences in it. What I am trying to do, is that the link text’s would fix to rows. I can do that from css in my dropdown menu just fine, the words will group if I change the the max width in css
.main_menu ul first-child > li > a
max-width ….
But I cannot find where i could fix my primary menus preferences. I would want my menu text to be in two rows.
Another thing is with the custom slider. If I use the normal easy slider, it does not create any borders with it. If I implement my own or another custom slider, it always makes box shadow-like lines top of the slider, it is kind of like the custom slider is an element with edges top of it. I would want to have the “borders” or the lines to be blank white. I am not sure if you get what I mean!
Thanks!
September 3, 2013 at 6:49 pm #138884The custom slider problem might originate from the fact that the custom slider is originally wide, but I would want it to look like the small easy slider.
September 3, 2013 at 6:51 pm #138885Hi,
Can you post the link to your website please?
Regards,
Josue
September 4, 2013 at 8:45 am #138886Ok so here I am trying to build a slider just like in the homepage:
http://iinurmi.kapsi.fi/wordpress/?page_id=2638
the difference is that in the homepage, I can’t add custom text to the slider because it is the default easy slider. The custom slider adds some kind of borders top of it. It would be great also to know how to add more space top of the slider between other elements.
http://iinurmi.kapsi.fi/wordpress/ is the homepage. The menu is almost getting too long so I would like to have it tighter or the text to be wrapped.
Thank you!
September 4, 2013 at 11:45 am #138887Hi,
On this page http://iinurmi.kapsi.fi/wordpress/?page_id=2638 you are using Layer Slider. In all the other sliders you can add captions to images as shown below
Please add following codes to custom.css file or Quick CSS in Enfold theme options page under Styling. This code will increase top margin of Layer Slider by 20px.
#top .ls-wp-container { margin-top: 20px!important; }
and this code will decrease the padding of menu items
.main_menu ul:first-child > li > a { padding: 0 5px; }
Regards,
Yigit
September 4, 2013 at 12:18 pm #138888Thank you for the quick reply. Helped me a lot although I would want to use the layer slider because it is more customizable. I just have minor problem, which is actually kind of big for us. If it is anyway possible to remove the line in layer slider.
Here is a picture of it:
http://iinurmi.kapsi.fi/line.png
It is not even that visible but enough to be annoying. I am not sure if it is even visible with other displays.
September 4, 2013 at 12:36 pm #138889Hi,
Please try replacing this code in Quick CSS
#top .ls-wp-container { margin-top: 20px!important; }
with
div#layerslider_6 { margin-top: 20px!important; }
That should do it
Regards,
Yigit
September 4, 2013 at 6:21 pm #138890Thanks a lot! Made my day to see that get fixed. Thanks again for the quick responses!
-
AuthorPosts
- The topic ‘Fixed menu size and Custom slider problem’ is closed to new replies.