open in a new tab

Hi @zz102p,

Greetings. Thanks for reaching us.

Could you please provide us with the Page URL where you embedded the PDF? So that we can check.

Thank you!

Hi (@paulamit

test – Aminova Fit – архитектор женских тел. (aminova-inna.ru)

Hi again @zz102p,

Thanks for the URL. Kindly, try this custom CSS below.

.ose-google-drive {
position: relative;
}
.ose-google-drive:after {
content: "";
position: absolute;
width: 50px;
height: 50px;
background: transparent;
right: 15px;
top: 10px;
}

You can simply add custom CSS by navigating to your WordPress?Dashboard -> Appearance -> Customize.
After you are on the Customizer page, search for the “Additional CSS” option. You can then go ahead and insert CSS Code. Please check this screencast to learn more – https://d.pr/v/QrrfTw

Let me know how it goes then. Thank you!

К сожалению это не сработало

Hi @zz102p

Hope you are doing well. Sorry to hear that, your issue is still not fixed.

Please use this custom CSS code and retry once:

.ose-google-drive {
    position: relative !important;
}

.ose-google-drive:after {
    content: "" !important;
    position: absolute !important;
    width: 50px !important;
    height: 50px !important;
    background: #202020 !important;
    right: 15px !important;
    top: 10px !important;
}

Hope this will help you, let us know how it goes.

Thanks!

Здравствуйте, остается полоска, при нажатии переход на гугл диск https://aminova-inna.ru/test-2/ ее желательно тоже нужно скрыть

• This reply was modified 1 year, 1 month ago by zz102p.

Hi @zz102p,

Sorry for the inconvenience caused.

There was a small CSS issue and that’s why you are getting a strip on left. However, you can fix it by using the below CSS code. Please use this custom CSS code an retry once:

.ose-google-drive {
    position: relative !important;
}

.ose-google-drive:after {
    content: "" !important;
    position: absolute !important;
    width: 50px !important;
    height: 50px !important;
    background: #202020 !important;
    right: 10px !important;
    top: 10px !important;
}

Hope your issue will be fixed. Let me know how it goes.

Thanks!

Спасибо, это сработало, но на мобильном остался черный квадрат, а также высота документа слишком маленькая

HI, ?

Hello @zz102p,

Good day! Really sorry for the delay in reaching you.

I’m glad to hear that the previous code worked for you. Regarding your last query about the mobile device, since this icon is provided by Google, it is not possible to remove the icon from the PDF. That’s why we provided you with the CSS code to disable the icon’s ability to open in a new tab and also set a background color to make it appear hidden as per your request.

But in mobile, PDF takes the full container, so it changes the icons position and It’s not possible to appear this hidden through background color. As you can only do, you can leave this icon transparent for mobile but the new tab won’t work. And also for the height, kindly use the below CSS.

@media only screen and (max-width: 767px){
.ose-google-drive iframe {
height: 400px!important;
}
.ose-google-drive:after {
background: #20202000 !important;
}
}

Hope it helps. Let me know how it goes.

Thank you!

<font _mstmutation=”1″ _msttexthash=”98462″ _msthash=”305″>к сожалению цвет прозрачным не ста</font>л<font _mstmutation=”1″></font>

Hi again @zz102p,

I have just checked again your site and found that the new tab icon background is transparent now and icon is showing there.

Could you please recheck? Or are you facing any other issues?

Let me know kindly if I’m missing something.

Thank you!

Hello @zz102p,

Hope you’re doing well.

Would you kindly give us feedback about the issue that you’re facing? Is it solved or need any other assistance, please let us know. Because We couldn’t find any response from you from many days also.

Looking forward to hearing from you soon. Thank you!

Hi?@zz102p,

I hope this message finds you well. Since we’re not getting any response from you regarding your issue, So we’re going to resolve this topic for now.

However, If you will need any further help in the future, feel free to open a new topic, and we will try to reach out to you as early as possible.

Have a nice day!