I am trying to: rebuild (again) my site with avada and toolset.
Link to a page where the issue can be seen: hidden link
I expected to see: I expect to be able to use all the tooset tools while having the avada theme. I purchased using the avada theme because it was and still is a recommended theme. However, if I use avada's fusion builder with toolset, I do not get the proper layout. (side by side) they fall into a single column. I am currently working with a website developer who works with avada but doesn't know toolset. Your documentation claims they should work. (I looked before posting this) ALSO I did deactivate every single plugin except the fusion tools and toolset types (it worked with types) then added views as I need them and it broke. I want to implement the things the website designer suggested but cannot with this conflict. I would like to see this conflict resolved.
Instead, I got: I get a single column which isn't going to work.
Hello,
It is a custom CSS codes problem, see the source codes of the URL you mentioned above:
view-source:hidden link
line 216:
<div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_2 fusion-one-half fusion-column-first 1_2" style='margin-top:0px;margin-bottom:20px;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );margin-right: 4%;'>
You are using custom CSS codes:
style='margin-top:0px;margin-bottom:20px;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );margin-right: 4%;'
It produce the problem you mentioned above, disable it, then works fine, see screenshot css2.JPG
Thank you for responding so quickly. I'm still lost.
1. I do not know how to see line 216. not sure where you get that. Inspect doesn't give you line numbers.
2. I don't have the css codes you are referring to in my custom css sheet - I don't know where that is coming from to be able to fix it.
3. the numbers you state do not coincide with my avada setup in it's layout so I have no idea what to change or fix.
3a. also if you are stating it is part of my avada, I should be able to set my margins in avada without it causing a problem in function of avada.
4. I don't know how to reproduce what you have on the screen shot - also this will need to be site wide not just on one page.
I get that CSS codes in the URL you mentioned above, you can find it in the source HTML codes, see the screenshot I provided above, you can follow below instruction to see the source HTML codes:
hidden link
I suggest you check these:
1) In case it is a compatibility problem, please deactivate other plugins, and switch to original avada theme, and test again
2) remove all custom CSS codes, create a fresh page, and test again.
If you need assistance to locate the problem, please provide a test site with the same problem.
Thanks for the details, please check these:
Views "Bottom of Page Pretty and Practical Pine"
hidden link
in section "Loop Editor", click "CSS editor", you should be able to see your custom CSS codes:
...
* {
padding: 1px;
margin: 1px;
}
...
That conducts the problem, it will add more padding + margin to all HTML elements(including rows and columns), you can modify it to:
* {
padding: 0px;
margin: 0px;
}
And test again, since it is the last view of the problem page, this CSS setting will override other view's CSS setting, see screenshot CSS-3.jpg
Same as above, in other views:
hidden link
hidden link
...
I suggest you check all of your views, remove the same CSS codes.
* {
padding: 1px;
margin: 1px;
}
okay that didn't work. a few things:
1. the css you wanted me to remove shouldn't affect anything other than the view it is a part of, if it does that is a bigger problem on your part. I have the view set up so that css only affects that view, unless toolset changed that now.
2. if you look at the original page again there are NO "bottom of the page" views, and it didn't work so logically the pretty and practical pine view wouldn't be doing it.
3. the only reason all those views are on the bottom of the page that you are referring to is cuz I have deactivated all the other plugins. the views are not where they are supposed to be, there are view on that page I don't even use nor did I create they came from a sample set up of toolsets
4. if I then deactivate toolset types the boxes fall in line but now the slider doesn't load and of course it defeats the purpose of toolset.
5. Again, I have avada cuz Toolset recommended it. It is part of every nook and cranny of my site, I need these two things to work, regardless of any changes or updates to either item.
My issue is resolved now. Thank you!
