Forum Replies Created
-
Posts
-
So good this thread here is not closed allready.
i got some trouble with masonry as well.
I use on a site more than one (3) masonry galleries on the same page.here the things are described good enough: Another Thread with that issue
i did the trick josue was telling but this is sometimes ok sometimes not (avia.js hack)
thanks Andy – yes i tried that –
it only leads on the frontend to that special output
And as you can see one post under this on pages and posts it works all nice !!!
Only in the widget it does not function. My thougts go to a conflict with ajax and the javascript. The widget has its own javascript – so maybe there is a mistake in it! AND
what about the quotation marks – maybe this could be the fault !
why is everything in that bubble automatically framed by these quotation marks ? (in posts and pages not !)edit: btw. the & is automatically changed to …you know what i mean
&
so the UTF-8 code doesn’t workhey Rikard – not the ö in the text widget is meant.
please open the bubble info of the POI google maps widget in the socket (4th column)and in addition the content of the bubble is surrounded by quotation marks, which are not set by me. Every bubble content is in between quotation marks.
well in the database options (widget_text and widget_avia_google_maps) the data is ö in Plöck
so i suppose it has to do with json_encode
ok – it seems to be dependend to the browser language.
If i go to firefox settings and change the prefered language all is o.k.Topic can be closed !
hey it seems to work wif.pt and a positiv resonance is good for helpful people ;-)
And by the way on my ipad air in portrait direction there are 5 columns aside (not 1/2 1/2) on your site. So i did not see in the beginning what you mean.
well i usually have in my child-theme functions.php this:
add_theme_support('avia_template_builder_custom_css');to have the possibility to set a css class to alb elements.
then you can put the columns into a color section with class: “onefifth_special” (this is because otherwise you will change every fifth column in this manner)
then i put in quick css these lines:
@media only screen and (min-width: 768px) and (max-width: 989px) { .responsive .onefifth_special .av_one_fifth { margin-left: 2%; width: 48%; padding-bottom: 30px } .responsive .onefifth_special .av_one_fifth.first.el_before_av_one_fifth, .responsive .onefifth_special .av_one_fifth.first + .av_one_fifth + .av_one_fifth, .responsive .onefifth_special .avia-builder-el-last { clear: both; margin-left: 0; } }and you can see the result on : http://webers-testseite.de/enf02/beispiel-seite/
well this is becaus of the media querie rules on line 302
@media only screen and (min-width: 768px) and (max-width: 989px) { .responsive .av_one_fourth.first.el_before_av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth + .av_one_fourth, .responsive .avia-content-slider-inner .av_one_fourth { margin-left: 4%; width: 48%; } .responsive .av_one_fourth.first.el_before_av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half, .responsive .avia-content-slider-inner .av_one_fourth.first { clear: both; margin-left: 0; } .responsive .av_one_half.first.el_before_av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half { width: 100%; } .responsive .av_one_half.first + .av_one_fourth, .responsive .av_one_half.first + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half { margin-top: 30px; } }you can do that for the fifth rules too !
did you layout it by columns?
try to use grid design instead and positioning the avia_buttons on bottom.it could be that the grids have all the same hight. ???
edit: no i guess it will not work because there is a div.flex_cell and in it a div.flex_cell_inner
the last is not the same hight as the othersby the way the last image is not the same hight as the others !
but you can not prevent this behaviour if your text and headings above haven’t the same count of letters.
e.g. the one heading has a linebreak long time before the others.
you can see that the columns above work in the same manner when shrinking the screenwidth of the browser (it might be an accident that for the screenwidth of an landscaped ipad this isn’t so)
i thougt he did not copy the whole quick css rules to the other language.
Sorry my fault if i misunderstood the problemit is in most cases a good advice to use a child theme.
Because sometimes changings only can made by putting something into the source code.
(i guess this was made by Yigit)
A child theme gives you the opportunity to do it by hooks f.e. by editing the child-theme functions.php .
If there is no child-theme the changings in source code will be overwritten by updating the theme. (The custom css in the options dialog is not touched by upgrading because the files are in the wordpress folder /wp-content/uploads/dynamic_avia (outside of the themes folder)PS : very often many people (me to because i allways do ftp manual updates) like to have as folder owner the ftp user. By default the filepermissions of these files in dynamic_avia are 640 so sometimes the custom css rules wont work. I put filepermissions to 660.
Or you can leave the ownership to wp user and 640by the way : for small screenwidth it might be nice to get rid of the fifth ! (the tag for that might be media queries)
For example: under 580px a one column look
@media only screen and (max-width: 580px){ .flex_column.av_one_fifth { float: none; width: 95%; margin: 0; } }or you only change to a two column look:
@media only screen and (max-width: 580px){ .flex_column.av_one_fifth { div .av_one_fifth { margin-left: 6%; width: 44%; } }i thought the socket was no problem he is looking for the footer:
#footer .container { max-width: 100% !important; }by the way it might be very difficult to obtain your request with a shrinking header on scrolling down.
but nevertheless i have to make a big compliment to the crew which tries to help, allthough your questioning does not go with good manners.
isn’t it so, that this is not a bug but a feature.
Each language has its own custom.css and i guess all Enfold Options are too language specific.
On my Dashboard you can see at the left Enfold Child (DE) and if i turn to EN this will change too.This is indeed a nice feature because you can give the translation a new look. You can even change e.g. the logo position. Or the logo itself.
etc. pp.btw i recognized in the last time that the folder in the wp-content/uploads/ “dynamic_avia” has the wrong permissions – espacially the enfold.css inside. so try to look to this folder (btw. if you are working with a child theme there is a enfold_child.css which might be writeable !!
Otherwise no Changings will have an effect.Maybe it is a matter of Ownership too. I often change the ownership of a whole wordpress installation to ftp on my Hosting-Backend.
and i guess it might be for the folder “dynamic_avia” in that case to web user (wp…)edit: oh ismael – your a little faster
so solution could be to change for the folder the file ownership back to wp – or to set the filepermission of enfold.css (enfold_child.css) to 770
