-
Posts
-
hi, i want to arrange text and images in a color area.
Here is the info in an image. http://www.alfaweb.at/testwaldi/portraits/mag-dieter-halama/ but i want to show this infos with real text not an image.
how can i arrange this http://www.alfaweb.at/testwaldi/portraits/dieter-halama-2/ how can i bring the text close next to the images? can i do this?
Hey wiwaldi79!
Please upload your icons as iconfonts and choose to display them in iconlist element – http://kriesi.at/documentation/enfold/adding-your-own-icon-fonts/
Best regards,
YigitThants awesome. Thanks! http://fontello.com/
Do you know where i can get numbers? I need 1-9 for icons? i don`t find them on fontello?
Hey!
I’m sorry but there is no number icons available in fontello. Can you please provide a screenshot of what you’re trying to do? I checked the pages or links above and I’m not sure if that’s how they are supposed to look. The containers are not full width. Is that intentional?
Best regards,
IsmaelHey!
use this code:
.flex_column.av_one_fifth.flex_column_div.av-zero-column-padding.first.avia-builder-el-15.el_before_av_one_fifth.avia-builder-el-first { padding-left: 86px; } .flex_column.av_one_fifth.flex_column_div.av-zero-column-padding.avia-builder-el-31.el_after_av_one_fifth.el_before_av_one_fifth { padding-left: 91px; }Best regards,
AndyWow, thank you Andy! Looks good. How can i apply other spacings between pictures and text ? http://i.imgur.com/X2gcFMs.jpg
Hi!
try this:
.avia-image-container.avia-align-left { margin-bottom: 17px; }If you need a specific margin for each icon you would need to give them a unique CSS class (turn on custom class for all alb elements).
Cheers!
AndyOk i will do this with an css class :)
How can i align the text like this: http://i.imgur.com/p9dyvWj.jpg
Hi!
as I already said you would need to add a unique CSS class to each element, because the spacing is different between them.
Regards,
AndyDone. How can i bring this icon down? (portrait_info_class_2) every item has now his own class :)
http://i.imgur.com/TxHdnll.jpg how can i do this with the new ALB features? reduce space between colums?Hey!
as you did not mentioned which class name you have chosen and as you did not post any admin access to us for checking which class name you are using, use this code as an example and starting point:
.your-first-icon-class { top: 50px; left: -20px; } .your-second-icon-class { top: 50px; left: -20px; } .your-third-icon-class { top: 50px; left: -20px; } .your-fourth-icon-class { top: 50px; left: -20px; }By the way: As you are posting a lot here in our forum, did you think about learning HTML/CSS by yourself? It think you would benefit from it a lot and would gain lots of time and energy.
Best regards,
AndyThis got me this result :; http://www.alfaweb.at/testwaldi/kontaktdetails/
i have 20 classes.
portrait_info_class_1 to 20 for each item i different class.
.portrait_info_class_1{ top: 50px; left: -20px; } .portrait_info_class_2{ top: 50px; left: -20px; } .portrait_info_class_3{ top: 50px; left: -20px; } } .portrait_info_class_4{ top: 50px; left: -20px; }ok, i`ll do this. but how can i reduce the space here: http://imgur.com/6lDNBLk
Hi!
use this code:
.flex_column.av_one_fifth.flex_column_div.av-zero-column-padding.first.avia-builder-el-14.el_before_av_one_fifth.avia-builder-el-first { right: 45px; }and adjust as needed.
Regards,
AndyI really try this but the icons don`t appear at the correct place ;( whats wrong. and how can i reduce the wide of the first colum?
/*Portrait Detail Infobox Styling*/
.portrait_info_class_1{ left: -20px; } .portrait_info_class_2{ top: 60px; left: -20px; } .portrait_info_class_3{ top: 50px; left: -20px; } .portrait_info_class_4{ top: 50px; left: -20px; } .portrait_info_class_5{ top: 40px; left: -20px; }Thanks that don`t work. but this will effect only this one page? i use this layout as preset for many other pages (avia LB preset). so how can i set the width of the colum via hand that this will work for all pages?
custom id classes for all 5 colums or how? Thank you!
Hey!
I can see that the code I provided to you is working, as Icons got moved. As I already told you, you need to play around with the values, until it fits for you. Feel free to hire a freelancer for this job here: http://kriesi.at/contact/customization
If you want my code from this post to work only on specific pages, you need to ad the page-id to it.
Best regards,
AndyWhat exactly does this code?
.flex_column.av_one_fifth.flex_column_div.av-zero-column-padding.first.avia-builder-el-14.el_before_av_one_fifth.avia-builder-el-first { right: 45px; }Hey!
As you can see here – https://kriesi.at/support/topic/arrange-text-and-images-in-a-color-area/#post-476516
Andy replied to your question with this code, so it should make the changes you shown in your screenshot.Cheers!
Yigit
- The topic ‘arrange text and images in a color area…’ is closed to new replies.