Miguel Cutrin

Forum Replies Created


Avatar

Hi!

Yes now I see the new image on Hover, but I think that my template might be lacking on some classes. I tried adding the same code that is displayed in the link you provided, and it doesn’t perform the image change on hover as the demo does.

As I understand, this is the piece of code that I should be adding to replicate the image changing on hover:



<div class="ui-image-overlay">
    <div class="uk-inline-clip uk-transition-toggle uk-light" tabindex="0">
        <img alt="Image ALT" src="" />
        <div class="uk-position-cover uk-transition-fade">
             <img alt="Image ALT" src="" />
        </div>
        <div class="uk-position-cover uk-overlay-primary uk-transition-fade"></div>
        <div class="uk-position-center"><div class="uk-overlay uk-margin-remove-first-child uk-transition-fade">
            <h3 class="ui-title uk-margin-remove-bottom uk-margin-top">Hover Image</h3>
            </div>
        </div>
    </div>
</div>

If I do it that way, I can only visualize the image that is supposed to be seen on hover.

I’ve looked into the “theme.css” file of my template and there is no “ui-image-overlay” class, so probably that’s the main issue.

I might need to do something before using the Helix funcionalities, because I clearly haven’t.

I will continue trying though.

Thanks,

Miguel

  • This reply was modified 50 years, 9 months ago by .

Avatar

Well, that was the first time I tried the overlay, but it still doesn’t fit my purpose. The effect is really cool, but I would want to change the image itself to another one, instead of placing other layer above the first picture.

I can probably use this overlay effect to place a new picture above te original one, instead of fading the layer, but I was wondering if there was something already implemented.

Thank you though!

Miguel


Avatar
This reply has been marked as private, meaning that only the original poster and forum moderators can see the content of the reply.

Avatar

Hi again!

After some days trying to modify the title I’ve been able to change the size and the weight of the font, but now I find impossible to get rid of the half underline that appears in all the H3 elements:

https://imgur.com/a/4WCPwmp

I’ve been looking “everywhere” into CSS but couldn’t find the attribute that adds the underlining.

Some help would be appreciated!

Thanks in advance

Miguel


Avatar

I’ve been trying to modify the CSS of the template, particularlly the theme.css file. Since the title has the “uk-panel-title” class, I thought that maybe I could change something there, but it isn’t working.

I’ve tried adding a class in the CSS and assigning it to the Module Prefix but I’m probably doing something wrong there.

Will continue trying though.


Avatar
This reply has been marked as private, meaning that only the original poster and forum moderators can see the content of the reply.

Avatar

Hi,

I’ve continued investigating and have been able to fix the Search box text issue. I have installed Spanish language into Joomla! and it has automatically changed this text to what I was trying to set.

Second issue is still unfixed..!

Greetings,

Miguel


Avatar

Hi Brian,

1.-
Yes, I’ve tried changing the Box Text in search module as shows the picture, but it doesn’t affect to the actual Search Box that is displayed in my site, as showed in the second picture:

http://ibb.co/BCFLyk4
http://ibb.co/6ZFTnKD

2.-
My site is not online yet, so I will try taking some snapshots of the screen so you can see what I’m trying to explain ^^U.

The search results that drop down when searching something aren’t showed properly if the slideshow is displayed in the screen:

http://ibb.co/Qr9jhsf

However, it works perfectly if the page “behind” the results is not the slideshow:

http://ibb.co/QdL4sYj

EDIT: I have been making other tests and this problem is not only happening when the slideshow is behind, it happens all the time if the search is done on the top of the site; if you scroll down just a little bit, the search result box displays correctly.

Thank you very much in advance,

Miguel

  • This reply was modified 50 years, 9 months ago by .

Avatar
This reply has been marked as private, meaning that only the original poster and forum moderators can see the content of the reply.

Avatar

Hi!

OK, that was it! I wasn’t selecting the correct layout before changing the appearance!

Thanks for the help!


Avatar

I have also tried to modify the CSS, changing the “background” attribute in the class “uk-block-cyan” to a different color. It doesn’t work either; when I reload the page it doesn’t affect, and after clicking on “Compile LESS”, the value I erased to put my new colour changes to the Cyan colour again.

Again, if I use Chrome’s Developer Tools, and I change the HEX value in there, the colour changes instantly.

  • This reply was modified 50 years, 9 months ago by .

Avatar

SOLVED!

I followed the steps shown in the URL given and it worked perfectly.

Thank you very much for the fast response and help!