andreaborin

wow thanks for your answer! I was going mad! How can I downgrade the version? On the plugin site I can see only v.2.5.

Again thank you so much,
Ab

Hi Kharis Sulistiyono and thank you for your answer.
I followed your steps, but the result isn’t what I expected. With the provided jQuery code, the 3 initial pics don’t occupy the full width, and so is for the next pic, which occupies 60% of the page, right aligned.

Here’s a screen fo the issue:
https://gyazo.com/9c40125bcb6c0da4397b1680ffad523f

I’m cutting off the js code, because with the only CSS worked better.

Thank you anyway, if you want to try with another code, I’ll be glad to test it.

Bye!
Ab

edit:
for another site I’m using this php code that shows two different version for IT and EN, using the metaslider Shortcode:

<?php if (is_front_page() || is_home()) {
    $curLang = substr(get_bloginfo( 'language' ), 0, 2);
    switch ($curLang) {
        case "it":
            echo do_shortcode("[metaslider id=2569]");
            break;
        case "en":
        default:
            echo do_shortcode("[metaslider id=2725]");
            break;
    }
}
?>

How should I modify this code to show the two static portions of HTML I posted in the previous question?

Ab

EDIT:

I managed to resolve the issue and now all is working.
To resolve, I added in the Custom CSS the sequent code:

.post-thumbnail:after
{
position:relative;
}

I understood making some tries with the F12 inspect instrument, that if the position was absolute as written before, the image had no link. Now the image is clickacble.

The issue is resolved, but I would still linke to ask if someone can explain to me why that problem happened and how this quickfix works?

It would be really precious!
AB

Hi Andrew,

the main background problem is solved.
Fort the second part, I just tried to copy the css modified code, adding the desired color in the place of #222 and now the borders are no longer visible!

Hope that’s the right solution, if it’s not, tell me more.

Anyway, thanks for the support.

Just wanted to ask you a thing to understand better:
before writing to you, I tried to add code to the additional CSS using only body as a selector, but nothing happened. Why does it work using body.class?

Thank you Andrew and have a super-nice day!
AB

Hi Andrew,

I’m pasting here below the two parts of the code I modified yesterday, with the position in the file colors-dark.css.

Here’s the bg color part

From line 446 to line 451:

body.colors-dark,
.colors-dark .site-content-contain,
.colors-dark .navigation-top,
.colors-dark .main-navigation ul {
background: #222;}

And here’s the part where I invisible the border of the images

From line 482 to 486:

.colors-dark .entry-content a img,
.colors-dark .comment-content a img,
.colors-dark .widget a img {
-webkit-box-shadow: 0 0 0 8px #222;
box-shadow: 0 0 0 8px #222;}

If you need any furhter info just ask!
AB

Ok,

at this moment I’m leaving the office, so I can’t manage the matter now.
I will write you after making the backup with the original colors-dark.css tomorrow in the morning.

Thank you so much for your precious support Andrew,
we’ll talk soon!

AB