[enrico.colacilloParticipant]

Hi guys,
I bought many licenses of your templates, because I find it very efficient.
I have been using the latest version of everything (CMS, plugins, templates, etc.)

I have some concerns:
1) In http://www.lovemktg.it/wordpress/, I need two different colors inside of the same text. (the “lovemarketing” in the navigation bar needs to be in two colors; orange for “love” and dark grey for “marketing”) What code do I need to use to make this happen?

2) I use the WP Retina 2x plugin, but not the premium account. I uploaded a few images with the correct resolution (approximately 2000 px), and I clicked on “generate” button, but I don’t know how to use this plugin features. I just want to use a retina image without losing the quality, not as part of a blog, portfolio, or a background, but simply by using the cornerstone image elements. I want to be able to determine the pixels of the images and they automatically generate the correct scale for the retina display. The primary goal is to make sure the image is consistent on all types of screens and supports, retina or non-retina. Please advise. I want to be able to edit the length of the images the way I am able to edit the main logo. I know that wordpress doesn’t support SVG images. However I was wondering if there are plugins available to override this issue. Please advise whether using the PNG images with retina features, or using SVG images will be best.

3) I need the text and images to be responsive to the type of devices being used when accessing the website. For example, on alchimiadellasalute.it/wordpress/contatti/ , the texts are not wrapping properly to the orientation of the mobile device. I need all texts to be responsive to different types of devices and orientations, even when wrap text is not possible. I have seen the responsive text tab on your customizer, but I do not know how to use it. Please advise.

Please consider that I am a beginner when it comes to CSS editing! So bare with me, and a step-by-step explanation will be much appreciated! Thank you guys for your patience and service!

[FriechModerator]

Hi There,

Thanks for writing in! For #1 – You can add this under Custom > JavaScript in the Customizer.

jQuery( function($) { 
	$('.x-brand.text').each( function(){
		var logo_parts = $ ( this ).text().trim().replace('marketing', '');
		$( this ).html ( '<span class="love">' + logo_parts + '</span><span class="marketing">marketing</span>'  );
	} );
} );

Then add this css at your customizer’s custom css with your preferred colors.

.x-brand.text .love {
color: blue;
}

.x-brand.text .marketing {
color: red;
}

#2 Regretfully, we cannot provide support for third party plugins or scripts due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin or script. What we recommend to make the image retina ready is upload an image with double size of the original size.

#3 You can add this to custom css:

@media (max-width:  480px) {
	 .li.x-li-icon {font-size: 70%;}	 
}

Hope it helps, Cheers!

[enrico.colacilloParticipant]

#1: ok great!

#2: Ok for the third part plug-in, but I don’t know how to do practically without.. How can i set an image dimension as I am able to do with the main logo on the header? And when I’ve done this, how can I do with the HD image? It has to be 2x the dimensions of the other? And I simply upload into the Media Library? What name do I have to use? I’m a beginner.. Thank you.

#3: seem that it doesn’t work for http://www.alchimiadellasalute.it/wordpress/contatti/

#4: I have another more important thing to ask you: once I made the last update to Cornerstone and theme X I’m going crazy with button parameters into Customizer.. There are “Cornerstone button” and “Buttons” tab too. I can’t understand properly the difference, and so many colors option doesn’t take effect. Can you explain me please?

Thank you so much

[enrico.colacilloParticipant]

In http://www.alchimiadellasalute.it/wordpress/ I have this text just behind the Headlines.. Do you know why?

.x-navbar .x-nav > li > a { font-family: “Aller_Rg” !important; }

Thank you

[ZeshanMember]

Hi Enrico,

#2: In this case, you can upload a image of 2x size, and then under Style field of your image shortcode/element, add following CSS code:

max-width: 400px;

Replace 400px with 1x size of the image. For example, if you are uploading 800px that is 2x size, use 400px with instead.

#3: Please try this code instead:

li.x-li-icon {font-size: 70%;}	 

#4: Can you send us the screenshot of your Customizer’s options? In my local setup, I don’t have “Cornerstone Buttons” option.

#5: Not sure from where this code is coming from. Have you made any theme template changes? Would you mind providing us with your WordPress login credentials so that we can take a closer look to the issue? Don’t forget to select Set as private reply to ensure your data remains hidden from other users.

Thanks!

[enrico.colacilloParticipant]

Hi guys, thank you so much for your answers.

#2: Oh ok now it’s clear, but I can’t see the style field while I’m using an image element in Cornerstone. I just have a Style dropdown menu (None, Thumbnail, Rounded, Circle). Where do I find this field?

#3: it works thanks is it possible to scale the text to the best width to fit the single screen instead of fixing a percentage? I think it would be better.

#4: http://www.lovemktg.it/wordpress/wp-content/uploads/2015/06/Screen-Shot-2015-06-23-at-Tuesday-23-June-2015-18.27.png I think that now all it’s ok with the last update..

#5: I think that this problem is gone, I don’t know why

[Nabeel AModerator]

Hi again,

#2. To input the inline CSS you’ll need to enable the Advanced Options first. You can do this by clicking on the mid button at the bottom of the Cornerstone editor. Once it’s enabled, you’ll see the style field. Just Input the CSS there.

#3. You can give the font-size in pixels if you desire for example:

li.x-li-icon {font-size: 18px;}

#4, #5 Glad it’s fixed.

Cheers!

[Author]

Posts