Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Custom color on ari link block
(1 viewing) (1) Guest
"ARI Fancy Lightbox" WordPress plugin
Go to bottomPage: 1
TOPIC: Custom color on ari link block
#71516
Custom color on ari link block 8 Months ago Karma: 0
I need to change the block color and size of an internal link. What CSS should I use for this? It's about this link -
<a href="varnamaps.eu/ipanorama/virtualtour/panoramic-photos-2?sceneid=krai-golyam-rai" title="3D панорамен изглед" target="_blank" rel="noopener"> </a>
The link is on this page - varnamaps.eu/krepost-cherven/
Last Edit: 2023/11/20 21:37 By Seaboy.
The administrator has disabled public write access.
 
#71519
Re:Custom color on ari link block 8 Months ago Karma: 748
Hello,

Do you want to change styles for all internal links or for this particular link? If you need this for the particular link then you can add inline styles to link HTML markup. It will look like:

Code:


<a href="https://varnamaps.eu/ipanorama/virtualtour/panoramic-photos-2?sceneid=krai-golyam-rai" title="3D панорамен изглед" target="_blank" rel="noopener" style="color:red;font-size:20px;"> </a>



Regards,
ARI Soft
The administrator has disabled public write access.
 
#71520
Re:Custom color on ari link block 8 Months ago Karma: 0
Thanks for the quick reply. More precisely, I want to change the width of the block and the background color of the block that is visualized on the page even before the link is activated. It's currently the original background color of the theme I'm using - gray. And another thing I found out after replacing the light version of the plugin with the pro. On some mobile devices with older android, and on some desktops, I have a problem with the light box. In some cases, the arrows do not appear or are not in the right place. Also, the fullscreen and close buttons are missing. There was no such problem with the free version.
Last Edit: 2023/11/21 08:45 By Seaboy.
The administrator has disabled public write access.
 
#71522
Re:Custom color on ari link block 8 Months ago Karma: 748
You can add the following inline style to A element to change background color:

Code:


style="display: block; background-color: red;"



It will look like:

Code:


<a style="display: block; background-color: red;" href="https://varnamaps.eu/ipanorama/virtualtour/panoramic-photos-2?sceneid=krai-golyam-rai" title="3D панорамен изглед" target="_blank" rel="noopener">link</a>



Could you specify what link(s) cause problem with navigation buttons?

About close/fullscreen buttons, make sure they are enabled in plugin settings. For this open "ARI Fancy Lightbox -> Settings -> Lightbox" page. Check that "Show buttons" parameter is enabled and also check "Buttons" section:



Regards,
ARI Soft
The administrator has disabled public write access.
 
#71523
Re:Custom color on ari link block 8 Months ago Karma: 0
The full screen setting is active. Something is wrong with the scaling. They probably go out of the field of view judging by the location of the arrows, which are shifted up. This only happens on some devices. Here's a screenshot to give you an idea of ​​what it's all about:

scontent-sof1-1.xx.fbcdn.net/v/t39.30808-6/404902548_10224970753519459_5897212161534419333_n.jpg?_nc_cat=108&ccb=1-7&_nc_sid=5f2048&_nc_ohc=FvsWU8yB_74AX-lqRq1&_nc_ht=scontent-sof1-1.xx&cb_e2o_trans=q&oh=00_AfBXJOAfurinoilT5NZUSwVbnWcHHOZCMkQzkw3K_w3ADQ&oe=65628E42
The administrator has disabled public write access.
 
Go to topPage: 1