-
Posts
-
Hey,
at the site below I have two problems:
1. I use pictures with box-shadow within the textbox.
But the distance between the picture-right-side and the text is to small. So I would like to increase this distance.
I tried it with different codes like margin, etc. but it doesn´t really work. Sometimes the picture moves but not the shadow or the other way round.
So what can I do?At the moment I use this:
Custom-css-class “delta”:
.delta {-moz-box-shadow: 1px 1px 3px 4px #ccc !important; -webkit-box-shadow: 1px 1px 3px 4px #ccc !important;
box-shadow: 1px 1px 3px 4px #ccc !important;}Inserted code in the textbox:
<a href="imageurl.jpg"><img class=" delta alignleft" src="imageurl.jpg" alt="014" width="195" height="125" /></a>2. How can I increase the width of the sidebarcontent there that every menu-link is without wrap just in 1 line?
Thank you very much for your help.
Regards,
wordmaxHi wordmax!
1. Hmm, I’m not really sure I understand. Can you send us a link to the exact page this is happening on and take a screenshot highlighting what your trying to do?
2. You can increase the sidebar width in Dashboard > Enfold > General Layout > Dimensions.
Cheers!
ElliottHey!
1. Drag a codeblock element to your page and add this inside.
<style type = "text/css"> .avia_textblock .alignleft { margin-right: 20px !important; margin-bottom: 10px !important; } </style>2. For only this page then add this to the codeblock as well.
<style type = "text/css"> main { width: 60% !important; } </style>Best regards,
ElliottHey Elliot,
thank you for your answers.
The positioning of the images with boxshadow works great!But regarding to my question no 2: I tried your code, but there is still this space between the left-hand edge of the display and the widget area/menu. http://goo.gl/wGq6uB
Is it possible to enlarge the widget-area/menu up to the left-hand edge of the display (maybe via padding or margin) that it looks like here http://goo.gl/o40jbk?Regards,
wordmaxHi!
Are you trying to make it so your content takes up 100% of the screen (i.e. Your sidebar is flush against the left side of screen)? If so then you’ll need to edit the maximum container width in Dashboard > Enfold > General Layout > Dimensions to 100%.
Otherwise highlight in your screenshot exactly what your trying to do so we can get a better idea.
Cheers!
ElliottHi,
yes there should no empty space between the the left side of screen and the right side of the vertical menu (here on the image you can see the blue box and the red cross. And the blue box should be go totally to the left of screen so that the red cross vanishes totally http://goo.gl/8XcwjO
I tried every dimension in General Layout and your code but it doesnt work.
At the moment the dimensions are:
Maximum Container width
1310px
Content | Sidebar Ratio
75% | 25%
Content + Sidebar width
100%And in your code:
<style type = “text/css”>
main { width: 75% !important; }
</style>Regards,
wordmaxHi!
Add this to remove the left padding of the pages with left sidebar:
.main_color.container_wrap.sidebar_left .container { padding: 0 50px 0 0; }If possible, please provide a screenshot of the final design layout that you want.
Regards,
IsmaelHi Ismael,
that´s the solution, thank you very much. And I combined your code with the following and now it is perfect.
.sidebar_left .inner_sidebar {
margin-right: 20px;
}Have a nice evening!
Regards,
wordmax
- You must be logged in to reply to this topic.