[Hands on DParticipant]

Hi!
See this page: http://handsondream.com.br/

I need to put a hyperlink in some images in my homepage. So, i’ll explain everything i need, ok?

under the session ESTILO DE VIDA
1.1 I want a hover behavior, exactly as the recent post images hover. Is that possible?
1.2 I want to put a hyperlink over the image, redirecting the user to http://handsondream.com.br/category/estilo-de-vida/. How can I do that?

2. Under the block HANDS EM FOTOS, i also need hover behavior and hyperlink over the images in this session. In the hover, i need the same behavior you have on the recent posts image, but without the circle in the center (look at my recent posts session and you will see a blue circle in the center of the image). Note that in my recent posts session, I have a blu circle with the word “HoD” writen. So, under the HANDS ON FOTOS i want to keep the word HoD into the hover, without the blue circle.

3. The CUSTOM HEADLINES are too big! I want them thinner then they are! How can I do that?

4.1. In the session VIAJAR É VIVER, i have 6 circles. The circles are an image and you can see a grey margin. I don’t want any margin! I need to show only the circles. How can I do that?
4.2. In the same session, I need to put a hyperlink redirecting the user to another page. How can I do That?

Thanks
Diego

[RadModerator]

Hi there,

Thank you for posting in!

1.) This require customization of existing recent post shortcode. Altering default behavior of existing shortcodes are beyond our area of capability. You may contact a developer for this.

2.) Yes, but not possible on your current setup. In order to imitate recent shortcodes hover behavior, it must have a set of required elements (link, wrapper, and image placeholder). We could assist you with these, but please set up them first.

Eg.

<a href="" class="my_custom_hover_image">
<div class="my_custom_hover_image_wrapper">
<img src="" />
</div>
</a>

3.) You could add font-weight:normal; font-size:20px; at your custom headline’s Style input box. But if you’re using a custom web font, then it might not possible to make it thinner and option for that is using another thin font.

4.1)

#x-content-band-16 img {
border:0px!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}

4.2) Same thing, shortcode customization.

Hope this helps.

[Hands on DParticipant]

Hi!

Item 1.1 – even to include a hyperlink I need a developer? There is no place to put a “href” parameter?

Item 2 – Here is my sample for the last image on your left side (Panama plate).

<div class=”my_custom_hover_image_wrapper”>

</div>

If it’s wright, where do i have to put this code?

Item 3 – My home page comes from one of the samples provided by X. In this case, is it possible to change the block size? Note that I want the texts exactly as they are. I jus want to change the empty space below and above the text.
I also need to know how can I do this adjustment in a new page, created with VC ().

Item 4. – I prefer doing only a hyperlink with a tooltip under the image. Is that possible?

Thanks!

[AlexanderKeymaster]

Hi there,

Instead of just adding images. Try using the image shortcode. This would help with questions 1, 2, and 4.

The image shortcode supports including a link (href) and also allows you to have a popover when hovering. You can learn more about it here: http://theme.co/x/demo/integrity/1/shortcodes/images/#example

There is a video tutorial here: http://theme.co/x/member/kb/shortcode-walkthrough-image/

For #3, in Visual Composer you can edit the custom headlines. You can set the “Looks Like” settings to something smaller like an h3. You can also edit the content band that hold them and remove the padding (in Visual Composer)

[Hands on DParticipant]

Hi!
I know that and I always do that when i’m creating something by my own! The problem is that my home page comes from a X sample… So, I have no access to the VC on that page! So… Is that possible to help me considering my scenario?

About question 3. I just did what you told and you can have a look at my home page, first title. Here is the code:
[content_band no_margin=”true” inner_container=”true” bg_color=”#fff” border=”vertical”]
[custom_headline class=”resp-h mvn” type=”center” level=”h2″ looks_like=”h3″ accent=”true”]PORTAL DOS SONHOS[/custom_headline]
[/content_band]

[content_band no_margin=”true” inner_container=”true” bg_color=”#fff” border=”vertical”]
[custom_headline class=”resp-h mvn” type=”center” level=”h2″ accent=”true”]PORTAL DOS SONHOS[/custom_headline]
[/content_band]

As as you can see, they look the same! Is there any option to do what i need?
Tks

[RadModerator]

Hi there,

What do you mean by you don’t have access?

Have you downloaded home page demo as “Standard”? Could you provide your overall shortcode here? I’ll check if can be converted to VC format.

Thank you.

[Hands on DParticipant]

This reply has been marked as private.

[AlexanderKeymaster]

Hi there,

I see you’re using X 1.8.4. Can you please update to the latest version? (currently 1.8.5)

Once updated, X will prompt you to install an updated version of Visual Composer as well. Please advise if this fixes the issue for you.

[Hands on DParticipant]

Sorry, but it’s not available into the WordPress dashboard! Usually X updates are available directly inside wordpress.

But… Do you think that i’m facing a problem caused by the X Theme version??

Just to be faster, if there is something to do into the wordpress admin area, you can do by your on. Otherwise is gonna take 2 more days. So far, I’m taking 7 days to find out how to put a hyperlink over one image!!! 🙁

Thanks

[AlexanderKeymaster]

Hi there,

You should still be able to edit the home page in Visual Composer. When you installed the demo content, did you use the Visual Composer specific version?

http://theme.co/x/member/demo-content/

There are two columns. One for standard (no VC), and one if you want to use Visual Composer. If you used the VC specific version, you should have access to visual composer on your home page.

It’s important to keep X up to date, as we provide bug fixes and new features. Version 2.0 was just released yesterday. Once X is updated, it will prompt you to install an updated version of Visual Composer that has had some bugs fixed.

[Hands on DParticipant]

I choose the standard because i read something that in the other one you can loose some features. So…. everything is almost done! I just need the hyperlink over the images.

I’m trying to use VC but, as i told you, if i choose to convert the page, it changes a lot of things into my layout. I don’t know if that’s is something normal. If you could have a look and try it to instruct me, would be perfect!

What do I do wright now? The shortcode pluggin is updated, but nothing came to update the X Theme… Should I wait you come back to me again?

Thanks!

[RadModerator]

Hi there,

Only option available is reformatting your existing content to comply with VC format. Or restart from specific VC demo content.

You could also compose your image shortcodes (linke enabled ) using VC, then copy the resulting shortcode to your standard content. It will work just the same. And just dont copy [vc_row][vc_column][/vc_column][/vc_row]

Hope this helps. Let us know if you still have any problem.

[Hands on DParticipant]

Thanks! I’m creating a new page to replace the actual homepage.

Thank you very much!

[RadModerator]

You’re welcome Hands!

[Author]

Posts