-
Posted in : Empathy
-
hi,
i’ve got to change my map theme
i found this on Snazzy : https://snazzymaps.com/style/19511/ls-ios-styles
i copied the style codes and paste it after “style : ” in js/main.js
but no change has been applied to my map!how can i change map style ?
i changed this :
styles: [{“featureType”:”administrative.locality”,”elementType”:”all”,”stylers”:[{“hue”:”#2c2e33″},{“saturation”:7},{“lightness”:19},{“visibility”:”on”}]},{“featureType”:”landscape”,”elementType”:”all”,”stylers”:[{“hue”:”#ffffff”},{“saturation”:-100},{“lightness”:100},{“visibility”:”simplified”}]},{“featureType”:”poi”,”elementType”:”all”,”stylers”:[{“hue”:”#ffffff”},{“saturation”:-100},{“lightness”:100},{“visibility”:”off”}]},{“featureType”:”road”,”elementType”:”geometry”,”stylers”:[{“hue”:”#bbc0c4″},{“saturation”:-93},{“lightness”:31},{“visibility”:”simplified”}]},{“featureType”:”road”,”elementType”:”labels”,”stylers”:[{“hue”:”#bbc0c4″},{“saturation”:-93},{“lightness”:31},{“visibility”:”on”}]},{“featureType”:”road.arterial”,”elementType”:”labels”,”stylers”:[{“hue”:”#bbc0c4″},{“saturation”:-93},{“lightness”:-2},{“visibility”:”simplified”}]},{“featureType”:”road.local”,”elementType”:”geometry”,”stylers”:[{“hue”:”#e9ebed”},{“saturation”:-90},{“lightness”:-8},{“visibility”:”simplified”}]},{“featureType”:”transit”,”elementType”:”all”,”stylers”:[{“hue”:”#e9ebed”},{“saturation”:10},{“lightness”:69},{“visibility”:”on”}]},{“featureType”:”water”,”elementType”:”all”,”stylers”:[{“hue”:”#e9ebed”},{“saturation”:-78},{“lightness”:67},{“visibility”:”simplified”}]}]
};to this :
styles: [{“featureType”:”landscape.man_made”,”elementType”:”geometry”,”stylers”:[{“color”:”#f7f1df”}]},{“featureType”:”landscape.natural”,”elementType”:”geometry”,”stylers”:[{“color”:”#d0e3b4″}]},{“featureType”:”landscape.natural.terrain”,”elementType”:”geometry”,”stylers”:[{“visibility”:”off”}]},{“featureType”:”poi”,”elementType”:”labels”,”stylers”:[{“visibility”:”off”}]},{“featureType”:”poi.business”,”elementType”:”all”,”stylers”:[{“visibility”:”off”}]},{“featureType”:”poi.medical”,”elementType”:”geometry”,”stylers”:[{“color”:”#fbd3da”}]},{“featureType”:”poi.park”,”elementType”:”geometry”,”stylers”:[{“color”:”#bde6ab”}]},{“featureType”:”road”,”elementType”:”all”,”stylers”:[{“color”:”#ffffff”}]},{“featureType”:”road”,”elementType”:”geometry.stroke”,”stylers”:[{“visibility”:”off”},{“color”:”#e4dddd”}]},{“featureType”:”road”,”elementType”:”labels”,”stylers”:[{“visibility”:”off”}]},{“featureType”:”road.highway”,”elementType”:”geometry.fill”,”stylers”:[{“color”:”#ffe15f”}]},{“featureType”:”road.highway”,”elementType”:”geometry.stroke”,”stylers”:[{“color”:”#efd151″}]},{“featureType”:”road.arterial”,”elementType”:”all”,”stylers”:[{“visibility”:”on”},{“color”:”#f9e178″},{“weight”:”2″}]},{“featureType”:”road.arterial”,”elementType”:”geometry.fill”,”stylers”:[{“color”:”#ffffff”}]},{“featureType”:”road.arterial”,”elementType”:”labels.text”,”stylers”:[{“visibility”:”simplified”},{“color”:”#bf9f3c”}]},{“featureType”:”road.local”,”elementType”:”all”,”stylers”:[{“color”:”#ffffff”}]},{“featureType”:”road.local”,”elementType”:”geometry.fill”,”stylers”:[{“color”:”black”}]},{“featureType”:”road.local”,”elementType”:”geometry.stroke”,”stylers”:[{“color”:”#e4dddd”},{“visibility”:”on”}]},{“featureType”:”transit.station.airport”,”elementType”:”geometry.fill”,”stylers”:[{“color”:”#cfb2db”}]},{“featureType”:”water”,”elementType”:”geometry”,”stylers”:[{“color”:”#a2daf2″}]}]
but nothing happens !
Hi, Don’t forget the curly bracket and semicolon at the end of the code.
};
Thanksi haven’t forgot that,
take a look please: https://ibb.co/iFjnYvi also want to change the first post position from left to right in weblog Masonary Style.
i think i have to change something in post_class( ‘media-cell’ ); media cell style!how can i do this ?
Hi, I currently see a map available. Is this an old style or a new style?
The blog post changes from right to left is custom work. We did not specify RTL support in the theme files. We are helping on this with minor changes to the css, but the customization is out of support. We recommend that you get professional support in this regard if you are not familiar to coding you may consider hiring an expert at wpkraken.io to do the job for you.Hi Serkan,
this is the old map style I want the style that I’ve mentioned in a few post above!
for the blog post, I have changed the float left to right but there is a left:0 attached to any post div inline that I assumed are generating with PHP I just want to know where is that PHP file that adding the inline left:0 CSS attribute so I can change it to right:0 !
for this one line of change, I have to pay lots of money to hire anybody and I don’t have that budget!
I’ll appreciate it if you could shot me some help!
Hi,
1-) are you sure you have changed the style attribute in
main.jsand uploaded it to your server. Because when I check your source code I see the exact same style code we have on our demo site for the map, not changed at all.2-) We have used Isotope plugin for portfolio layout. Here are some docs for applying RTL layout to isotope;
http://isotope.metafizzy.co/v1/docs/help.html#righttoleft_layouts
Hi Ahmetsali,
Thanks for your response I have removed the styled in main.js and used the snazzy plugin and it works just fine now,in contact page, the Error on contact form is not translatable trough wp translate file.
I have translated “This field is Required” and it works on comment form how can I translate it in contact page form?Isotope Article was helpful Thanks !
Hi, I would recommend you to install ninja form plugin instead of default contact form so you can translate them easily.
https://wordpress.org/plugins/ninja-forms/Thanks Serkan,
but i’m good with default form i kinda love it i just want to translate or change those text!
i’ll appreciate or if you could ask dev team to address me the texts of the default contact form.
Thanks again !
Hi,
The plugin I have suggested has the same style as the default contact form. They also said that it is possible to translate the fields you mentioned with loco translate.
http://www.pixelwars.org/forums/topic/translations-2/
ThanksOkay, Thanks.
I got another error and I think this is the last one .
as AhmetSali says I look this article ( http://isotope.metafizzy.co/v1/docs/help.html#righttoleft_layouts ) and found out that I have to add this line of code to my main.js**********************************************
// modify Isotope’s absolute position method
$.Isotope.prototype._positionAbs = function( x, y ) {
return { right: x, top: y };
};// initialize Isotope
$(‘#container’).isotope({
transformsEnabled: false
// other options…
});
**********************************************
in order to get an RTL position for portfolio and blog,
I did and io got the RTL but after that, any portfolio item is loading up in a separated page like blog post not like the full-screen pop up when it was LTR.
I tried to position the code in several lines of the main.js but no matter where I place the code I’m losing the full-screen pop up on opening a portfolio item.
my last question is where is the best place to place the above code to get both RTL and full-screen popup when I click on a portfolio item.Thanks :-)
Hi, I did not see an item with a lightbox on the portfolio page when I checked your website. I can not see how you got a mistake. Portfolio also has a single lightbox already working.
right now with LTR mode when i click on an portfolio item it opens the item post as a full screen popup right away immediately on the current page, but if i place the code in my main.js for items to become RTL the portfolio opens with separated links as a post and i have to wait for a entire new page to load !
You must be logged in and have valid license to reply to this topic.