Forum Replies Created
-
AuthorPosts
-
Hi Vinay
Im not sure if this code is special for mobiles and user can zoom images in their devices ??
Thank you
Hey!
Sorry i have put it in Custom CSS ID, i have moved it to Developers: Section ID and nothing you can check again
Thank you
Hi
Here you goSorry here you go
Hi
Maybe i miss explained, What i meant http://fantasyrooms.com/08testwiith cascade is the result i see in my screen., I put 2 images with caption and they are not aligned at to top. The second images appears next to the 1st but moved down.
Thank you
Hi
In the Masonry image you can click on any image and you wont zoom it. but in tabs bellow in 3th tab you will see the maps
Thank you
Hi Yigit
I have read the mentioned post and i’not sure to understand the consequences of enable such a feature. As read in that post user had some layout problems etc.. and site is no longer responsive. I got a very confused :) Could you please give me some advice or explanation on that.
I need zooming because pages have images of rooms location on a map (not real map) with room number and in mobile when click and image goes to light box there is no way to read/locate room number in the image without zooming.Thank you very much in advance for your guidance in this matter.
Hi Andy
It changes italic to normal but the images still appear in cascade. Please check on the link and click on 3th Tab saying “Uicacion y similates”
Also caption appears in other font than used for the whole site witch in my case its open sans and looks weird all site has a unity of fonts and just caption is totally other. Is there a way to have it as the rest of the site like tabs text or regular text etc..
Thank you very much
- This reply was modified 8 years, 4 months ago by hdpcr.
Hi
The first code seems to be better but it in center the icon list in 325 space with is good for 4 icons and if i have more it break into a second row of icons.If im using full with or color section it waist space. But still very useful to center the block in columns as i tried before and you suggested too.
Its Ok, i understand that its complicated so no worries to find a code for this. If in the future you have some workaround please let me know :)
Now is it possible to achieve the same purpose with inline icons? To have 6 o 7 icons one next other separated by one or 2 spaces, centered in full with or color section, or column?Thank you very much.
Hi Yigit
I have added the CSS ans it seems no changes, Still no bottom border when no tab is active.Thank you very much
Hi Yigit
I already did that before asking and it really doesnt help . f i have many icons yes it looks like centered but with a few no . And if i have before a color section content that centers in the whole screen its worst :)
Thank you very much
Hi Yigit
I did replace the CSS and result is weird check by your self :)
Thank you
- This reply was modified 8 years, 4 months ago by hdpcr.
Hi
Thank you very much for the code. It work great. Just a few things, It works with Stand alone but not with Inline icons, it displays a square in the back.Some times i will need to concatenate icons one next to other like this O O O text O O
I guess it cannot be done with standalone icons only with inline icons so i’n nor sure if its possible to have the same result in inline icons.Thank you very much
Hi
I already have tat and have some custom classes in use, I’m asking about this case what would be the syntax of this CSS i should apply.
Thank you very much
Hi Yigit
Last thing. Is it possible to center the whole block of iconlist in a page or section? If i insert them in the Avia editor the set of icons is aligned to the left. I tried to insert them as shortcode in a text block and add div in the top bt it doest work.
Thank you very much
Hi
Sorry to get back to this post. Now i had to us it it didnt work. I tried with both CSS and in code block but the space is always the same
Thank you
Hi Yigit
It worked fine. Thank you so much. Please do not close this post yet as i will use this in a real page and layouts if something else comes up.
Thank you
Hi
Before adding that is it possible to have it as custom class? i mean something like #mycustomicon ,av_ etc.. so i can use it just for certain icons i need.
Thank you very much
Hi
I did but it didnt work this is the CSS i have/*Horizontal Iconlist and size control*/
.my-custom-iconlist1 ul.avia-icon-list li {
float: left;
clear: none;
}
.my-custom-iconlist1 .iconlist-char {
font-size: 40px;
}
.my-custom-iconlist1 .iconlist-timeline {
display: none;
}
.my-custom-iconlist1 .iconlist_icon {
height: 60px;
width: 60px;
line-height: 60px;
}
.my-custom-iconlist1 ul.avia-icon-list li {
margin-right: 20px;
}
.my-custom-iconlist1 .iconlist_content_wrap {
overflow: visible!important;
}
.my-custom-iconlist1 .iconlist_title, .my-custom-iconlist1 .iconlist_content {
text-align: center;
}Hi
Please check on the example.
Thank you very much
Hi Yigit
So what you are saying i have to remove previously added CSS that control margin? I saw the screen shot and its not totally centered.
Thank you very much
Hi Yigit
I have added the last CSS and it doesn’t center the Title yet.Still the same.
Thank you very much
Hi Yigit
Thank you for the additional code. It displays both title and content. But the Title is not aligned to to left bu default. Is there a way to center it? (you can see in the same updated page.
Thank you very much
Hi Yigit
There you go. You can check with plugins, Actually i using very few. While you are on this i have noticed when i create the horizontal icon list with more than 3 elements it displays the 4th blank (just the circle) then the rest ok. I have to edit the list replace the icon with any other and save, then go back and put back the same icon again and it works.Weird.
Thank you very much
Hi
So i cannot do it in Custom CSS Class related to that galerry with .my-custom-class xxxxx only with page id? Because if its for 3 pages i will have to insert 3 custom css.
Thank you
Hi,
Private content field :)
Best regards,
Hi
Please do, if you can create an example for that i really will appreciate it. I don’t know why really the icon doesn’t show as its the same icon family that Enfold uses.
Thank you very much
Hi
What if i need to apply this CSS to specific pages i just have to add this?
.my-custom-css .av-1px-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
position: relative;
margin-right: 3px;
margin-bottom: 3px;
}Thank you very much
Hi
Please read private
-
AuthorPosts