Recent
Categories
View Replies (9)

Change hover Icon (chain) of news module

  1. Issue
0
Votes
Undo
  1. mvanbergeijk
    mvanbergeijk
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 16 April 2024
  5.  Subscribe via email
Hello,

I would like to change the hover icon of the news module. How can I change this? The standard looks like a chain.

Thanks.
Marco
Responses (9)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Marco

The white background appears to be part of your SVG. You will need to source an example of your SVG with a transparent background.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
mvanbergeijk
mvanbergeijk
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello,

This is the url: https://afc.devportaal.biz

Thanks,
Marco
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Marco

Would you have a URL to an example of this issue?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
mvanbergeijk
mvanbergeijk
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks! It works.

how do I get a transparent with white musical notes as SVG? Now it is a white picture with black musical notes. This is not what the example was like.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ziggy
ziggy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

Try the following extract from this SVG...

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="100%" viewBox="0 0 200 186" enable-background="new 0 0 200 186" xml:space="preserve"><script xmlns="" wiid="N1"/>

<path fill="#FCFCFC" opacity="1.000000" stroke="none" d=" M35.000000,1.000000   C90.301903,1.000000 145.603806,1.000000 200.952850,1.000000   C200.952850,62.933331 200.952850,124.866707 200.952850,186.900040   C134.437973,186.900040 67.875748,186.900040 1.156760,186.900040   C1.156760,125.000298 1.156760,63.000198 1.156760,1.000000   C11.741262,1.000000 22.401972,1.000000 33.456406,1.366894   C33.015060,3.738724 31.537020,5.715340 31.447269,7.753101   C30.766315,23.214109 30.385565,38.688068 29.851471,54.155930   C29.579916,62.020405 29.184889,69.880623 28.841383,77.842323   C19.627157,75.359978 11.717688,76.250107 5.658188,83.544495   C0.297065,89.998192 2.526630,97.243591 10.489557,100.052803   C23.020397,104.473526 34.633881,96.419685 34.998650,83.203934   C35.566963,62.613297 36.269020,42.026352 36.931145,20.903635   C45.859131,23.911434 53.690231,28.530678 55.563431,37.210686   C57.228149,44.924656 55.444942,53.382702 55.203266,60.900440   C63.551937,52.587444 63.940773,34.173065 55.060066,23.577749   C48.595795,15.865409 41.702190,8.512922 35.000000,1.000000  M171.023666,35.173809   C170.488922,33.333607 169.954178,31.493404 169.285797,29.193342   C175.971725,29.239733 181.648376,30.485889 186.724777,34.119808   C194.910629,39.979603 194.525360,49.110069 196.086807,57.818508   C197.398056,54.975407 198.871201,51.971939 198.490265,49.225636   C197.044876,38.804939 193.160721,29.692539 182.914810,24.673700   C176.795944,21.676453 170.822845,18.382229 164.716263,15.358733   C163.539108,14.775906 162.046280,14.830634 160.699081,14.591251   C160.468750,15.986072 159.712097,17.549047 160.095139,18.747887   C162.265289,25.540125 164.708298,32.245178 167.011475,39.754986   C171.361847,52.888489 175.712234,66.021988 180.099670,79.267395   C170.757355,80.478676 166.426437,82.937592 163.285980,88.523125   C160.444412,93.577057 161.347168,99.546783 165.661423,101.760117   C171.304169,104.655006 176.591110,103.285484 181.511795,99.645782   C186.598083,95.883568 189.319824,90.454132 187.703018,85.518921   C182.279739,68.964523 176.608368,52.491413 171.023666,35.173809  M146.641754,151.661346   C150.642487,147.082230 151.689514,141.780380 150.838379,135.853470   C147.577698,113.147141 144.444229,90.422531 141.185013,67.715988   C140.667831,64.112778 138.982391,60.519474 139.201508,57.006699   C139.502380,52.183140 137.632919,49.897709 132.911926,51.433102   C109.223351,59.137253 85.577477,66.973076 61.871502,74.622910   C58.572025,75.687645 57.278049,77.302208 57.797581,80.784645   C59.146339,89.825432 60.270485,98.899521 61.517937,107.955681   C63.485012,122.236061 65.479637,136.512634 67.473602,150.870026   C64.409515,150.870026 61.792637,150.762985 59.187080,150.889343   C50.002537,151.334702 41.047592,158.404617 38.495441,167.132446   C36.418301,174.235825 40.407364,181.845093 47.177364,183.979752   C53.127716,185.855957 58.771854,185.127548 64.259560,182.411087   C72.614342,178.275375 77.855896,170.193207 76.856461,162.610123   C75.467010,152.067902 73.869965,141.553192 72.408768,131.020203   C70.814034,119.524605 69.272942,108.021568 67.666374,96.212448   C90.104240,88.904663 112.140450,81.727699 134.499680,74.445526   C136.979568,92.309578 139.366821,109.506279 141.758835,126.737411   C138.780838,126.737411 136.127411,126.534973 133.514359,126.774002   C124.352501,127.612076 117.505333,132.103699 113.643944,140.495438   C109.590935,149.303619 113.910110,158.505585 123.245636,159.916977   C127.730988,160.595108 132.550308,159.064285 137.928986,158.348282   C140.638245,156.241699 143.347504,154.135117 146.641754,151.661346  z" wiid="N8"/>

<path fill="#090909" opacity="1.000000" stroke="none" d=" M34.750000,1.000000   C41.702190,8.512922 48.595795,15.865409 55.060066,23.577749   C63.940773,34.173065 63.551937,52.587444 55.203266,60.900440   C55.444942,53.382702 57.228149,44.924656 55.563431,37.210686   C53.690231,28.530678 45.859131,23.911434 36.931145,20.903635   C36.269020,42.026352 35.566963,62.613297 34.998650,83.203934   C34.633881,96.419685 23.020397,104.473526 10.489557,100.052803   C2.526630,97.243591 0.297065,89.998192 5.658188,83.544495   C11.717688,76.250107 19.627157,75.359978 28.841383,77.842323   C29.184889,69.880623 29.579916,62.020405 29.851471,54.155930   C30.385565,38.688068 30.766315,23.214109 31.447269,7.753101   C31.537020,5.715340 33.015060,3.738724 33.925064,1.366894   C34.000000,1.000000 34.500000,1.000000 34.750000,1.000000  M33.413525,6.488932   C33.413525,6.488932 33.521152,6.427855 33.413525,6.488932  M35.480610,6.604310   C35.480610,6.604310 35.401051,6.480432 35.480610,6.604310  z" wiid="N10"/>

<path fill="#060606" opacity="1.000000" stroke="none" d=" M137.218384,158.533798   C132.550308,159.064285 127.730988,160.595108 123.245636,159.916977   C113.910110,158.505585 109.590935,149.303619 113.643944,140.495438   C117.505333,132.103699 124.352501,127.612076 133.514359,126.774002   C136.127411,126.534973 138.780838,126.737411 141.758835,126.737411   C139.366821,109.506279 136.979568,92.309578 134.499680,74.445526   C112.140450,81.727699 90.104240,88.904663 67.666374,96.212448   C69.272942,108.021568 70.814034,119.524605 72.408768,131.020203   C73.869965,141.553192 75.467010,152.067902 76.856461,162.610123   C77.855896,170.193207 72.614342,178.275375 64.259560,182.411087   C58.771854,185.127548 53.127716,185.855957 47.177364,183.979752   C40.407364,181.845093 36.418301,174.235825 38.495441,167.132446   C41.047592,158.404617 50.002537,151.334702 59.187080,150.889343   C61.792637,150.762985 64.409515,150.870026 67.473602,150.870026   C65.479637,136.512634 63.485012,122.236061 61.517937,107.955681   C60.270485,98.899521 59.146339,89.825432 57.797581,80.784645   C57.278049,77.302208 58.572025,75.687645 61.871502,74.622910   C85.577477,66.973076 109.223351,59.137253 132.911926,51.433102   C137.632919,49.897709 139.502380,52.183140 139.201508,57.006699   C138.982391,60.519474 140.667831,64.112778 141.185013,67.715988   C144.444229,90.422531 147.577698,113.147141 150.838379,135.853470   C151.689514,141.780380 150.642487,147.082230 146.039154,151.624603   C143.330383,151.144501 139.616547,149.917801 139.387054,150.388824   C138.179306,152.867569 137.851578,155.775101 137.218384,158.533798  M60.351768,179.091537   C60.034687,179.833191 59.717606,180.574844 59.400532,181.316498   C59.834587,181.387344 60.268642,181.458191 60.702698,181.529037   C60.802204,180.686340 60.901711,179.843643 61.280960,178.892258   C61.186981,178.927765 61.093002,178.963272 60.351768,179.091537  M57.598793,176.909790   C58.248966,177.007935 58.899143,177.106094 59.549320,177.204254   C59.326920,176.668091 59.104515,176.131943 58.882111,175.595779   C58.364998,175.858246 57.847885,176.120712 57.598793,176.909790  M56.588963,179.518631   C56.588963,179.518631 56.474934,179.587906 56.588963,179.518631  z" wiid="N12"/>

<path fill="#080808" opacity="1.000000" stroke="none" d=" M171.031952,35.987186   C176.608368,52.491413 182.279739,68.964523 187.703018,85.518921   C189.319824,90.454132 186.598083,95.883568 181.511795,99.645782   C176.591110,103.285484 171.304169,104.655006 165.661423,101.760117   C161.347168,99.546783 160.444412,93.577057 163.285980,88.523125   C166.426437,82.937592 170.757355,80.478676 180.099670,79.267395   C175.712234,66.021988 171.361847,52.888489 167.316772,39.231583   C168.758698,37.801182 169.895325,36.894184 171.031952,35.987186  z" wiid="N14"/>

<path fill="#101010" opacity="1.000000" stroke="none" d=" M171.027802,35.580498   C169.895325,36.894184 168.758698,37.801182 167.340240,38.844044   C164.708298,32.245178 162.265289,25.540125 160.095139,18.747887   C159.712097,17.549047 160.468750,15.986072 160.699081,14.591251   C162.046280,14.830634 163.539108,14.775906 164.716263,15.358733   C170.822845,18.382229 176.795944,21.676453 182.914810,24.673700   C193.160721,29.692539 197.044876,38.804939 198.490265,49.225636   C198.871201,51.971939 197.398056,54.975407 196.086807,57.818508   C194.525360,49.110069 194.910629,39.979603 186.724777,34.119808   C181.648376,30.485889 175.971725,29.239733 169.285797,29.193342   C169.954178,31.493404 170.488922,33.333607 171.027802,35.580498  z" wiid="N16"/>

<path fill="#151515" opacity="1.000000" stroke="none" d=" M137.573669,158.441040   C137.851578,155.775101 138.179306,152.867569 139.387054,150.388824   C139.616547,149.917801 143.330383,151.144501 145.746674,151.808212   C143.347504,154.135117 140.638245,156.241699 137.573669,158.441040  z" wiid="N18"/>

<path fill="#1F1F1F" opacity="1.000000" stroke="none" d=" M33.467339,6.458394   C33.521152,6.427855 33.413525,6.488932 33.467339,6.458394  z" wiid="N20"/>

<path fill="#1F1F1F" opacity="1.000000" stroke="none" d=" M35.440830,6.542371   C35.401051,6.480432 35.480610,6.604310 35.440830,6.542371  z" wiid="N22"/>

<path fill="#0E0E0E" opacity="1.000000" stroke="none" d=" M57.464783,176.646484   C57.847885,176.120712 58.364998,175.858246 58.882111,175.595779   C59.104515,176.131943 59.326920,176.668091 59.549320,177.204254   C58.899143,177.106094 58.248966,177.007935 57.464783,176.646484  z" wiid="N24"/>

<path fill="#0E0E0E" opacity="1.000000" stroke="none" d=" M61.001221,179.000946   C60.901711,179.843643 60.802204,180.686340 60.702698,181.529037   C60.268642,181.458191 59.834587,181.387344 59.400528,181.316498   C59.717606,180.574844 60.034687,179.833191 60.675884,179.045776   C61.000000,179.000000 61.001221,179.000946 61.001221,179.000946  z" wiid="N26"/>

<path fill="#0E0E0E" opacity="1.000000" stroke="none" d=" M60.999512,178.999390   C61.093002,178.963272 61.186981,178.927765 61.141090,178.946594   C61.001221,179.000946 61.000000,179.000000 60.999512,178.999390  z" wiid="N28"/>

<path fill="#0E0E0E" opacity="1.000000" stroke="none" d=" M56.531948,179.553268   C56.474934,179.587906 56.588963,179.518631 56.531948,179.553268  z" wiid="N30"/>

<script xmlns="" wiid="N32"/></svg>


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
mvanbergeijk
mvanbergeijk
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hereby the code: https://afc.devportaal.biz/images/Hover/Hover.svg
  1. more than a month ago
  2. Commercial Templates
  3. # 6
ziggy
ziggy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

If you provide a link to your icon, I display the SVG code here. Or simply open the SVG in a code editor to extract the code.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 7
mvanbergeijk
mvanbergeijk
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

Where can I find the SVG code to change it? Or what is the code. I have an url with the link to the new SVG,

Thanks
Marco
  1. more than a month ago
  2. Commercial Templates
  3. # 8
ziggy
ziggy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Marco

The icon can be replaced with any SVG using the General Settings -> Link Icon SVG Override option in your J51 News module settings. Paste the SVG code into the textarea and save.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 9
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.