-
Posts
-
hi. i need some adaptions at my blog.
1) how can i disable the white line here http://i.imgur.com/ndhK6eu.jpg
2) i don`t want the frames around the pictures http://www.alfaweb.at/testwaldi/villa_wiental/ http://i.imgur.com/WXBL92U.jpg and is it possible to deactivate tje mouseover effect on the images in the blog gallery? http://i.imgur.com/tml38JP.jpgHi!
1- Please add following code to Style.css file of your child theme
.masonry-not-first { border: none!important; }2- Your beispieleintrag-blog/ page is not loading on my end :/
Regards,
Yigit3) i don`t want a mouse over effect here http://i.imgur.com/gQ7xVGA.jpg how can i add a new size for images 150x150px and circle look? hiow can i center the text vertically in the color area?
4) how can i reduce the space between the gallery images to 3px ? http://i.imgur.com/xh0Erkz.jpg
http://www.alfaweb.at/testwaldi/villa_wiental/Hi!
Please add following code to Style.css file of your child theme as well
#top div .avia-gallery img { padding: 0; border: none; padding-bottom: 3px; } #top .avia-gallery .avia-gallery-thumb a:hover { opacity: 1; } .av-styling-circle .image-overlay { display: none!important; }Cheers!
YigitLooks fantatic. How can i downsize the ciclre image and center the text here: http://i.imgur.com/qeYkm0B.png that it looks like this: http://i.imgur.com/Q0QVhlr.jpg
Hey!
use this code:
.avia-image-container.av-styling-circle.avia-builder-el-12.avia-builder-el-no-sibling.avia-align-center { top: -50px; left: 135px; width: 150px }Cheers!
AndyCool thanks. http://www.alfaweb.at/testwaldi/villa_wiental/
Will this work only for this one Blog Entry? And is there a way to display the image with a small border (white outline) like here: http://www.alfaweb.at/testwaldi/portraits/mag-dieter-halama/
The color are is 200px high. can i display the image and text in perfect vertical center?
How can i do it that it looks like this: http://i.imgur.com/bTnGsbP.jpg at any new blog post? can i do this with ALB???
Hey!
Please give your images a custom CSS class and apply following
.your-custom-image-class { top: -50px; left: 135px; width: 150px; }Cheers!
YigitYes. much better. how can i make the white outline smaller and center the image vertical? http://www.alfaweb.at/testwaldi/villa_wiental/
Thank you!
A= center image vertical
B= text should also be a link http://imgur.com/A1kMmht
And how can i apply a link to the text next to the image (image is also a link) http://i.imgur.com/wCNwFCj.jpg ?
Hey!
A: You can apply a top padding to the section to vertically align the content inside it:
div#av_section_3 .container { padding-top: 60px; }Apply a unique id to the color section then use that selector instead of the generic selector above.
B: Instead of using the special heading, you can manually code the title using a code or a text block. Apply the link: http://www.w3schools.com/html/html_links.asp
Best regards,
IsmaelOk i have change this to text area. should i apply blog-link-center-class to the color area?
.blog-link-center-class {
div#av_section_3 .container {
padding-top: 60px;
}}
How can i center image an text block vertical? http://i.imgur.com/vPgWRoq.png
A= make the outline (white) here much smaller
B= apply the heading font to the text blockHey!
control the image with this code:
.avia-image-container-inner { top: 31px; }I can’t see any underline on any link. Could you remove it already?
Regards,
AndyOk, i have done it with an custom pic class: custom-image_blog_round
But how can i use the new row settings to align the image vertival centered? And how can i disable the underline at the text? Can i use a custom css class for this also? which code?
How can i add a custom css class who centers both vertical ? picture and text??
Hey!
Did you try the suggestion above? https://kriesi.at/support/topic/blog-adaptions/#post-471371
Best regards,
Ismael
- You must be logged in to reply to this topic.