WebSite X5Help Center

 
Leon M.
Leon M.
User

How to format hyper links different from template setting.  en

Author: Leon M.
Visited 1744, Followers 2, Shared 0  

WebSite X5 Evo 2019.2.7

Windows 10 Pro

http://www.nmgenweb.us/development/

Hello,

I would like to format the hyperlinks in a table (Counties menu item) which would differ from the standard settings within the Template.

Can I make changes to, or add a CSS stylesheet? Or is ok to add some code within the header of the page and if so how - without opening the page in a Text Editor?

If I may, just one last question. Any suggestion on how tables might be made to suit a "responsive" page?

Many thanks,

Leon

Posted on the
4 ANSWERS - 3 USEFUL
Andre E
Andre E
Moderator

Leon,
I am not sure what you mean by differ from standard.

But if you want to change the cours for the link you can change these in step2, template settongs, text field and button style, press active link or mouse over link and change colours to your wishes.

Read more
Posted on the from Andre E
John S.
John S.
User

Hello leon

If you mean that you on a specific page want the link to be of a different color than what you have set as standard, then you can style the specific page - either to put some code in the expert tab for the page or to put in in a HTML-object in the bottom of the page.

The code for having the link appear as yellow is:

<style>
.imCssLink:link, .imCssLink {
color: yellow;
}
</style>

Read more
Posted on the from John S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Leon M.
Leon, I am not sure what you mean by differ from standard. But if you want to change the cours for the link you can change these in step2, template settongs, text field and button style, press active link or mouse over link and change colours to your wishes.

(It > En) ... ... LINK red (you can change),  Bold, plus my > invention  to get the "elastic" table, ... now become commonplace ...
... paste the following code, in  Step_3  |Page Properties | Expert | Custom Code  | option: Before closing the /HEAD tag ...
... ... ... code for the page "county-table.html" :
<style>
table {word-break: break-word;}
table, table * {padding:0px !important;margin:0px !important;}
table .imCssLink { text-decoration:none !important;color:red !important;font-weight: bold !important;}
#imTableObject_14_01 {overflow: hidden;}
</style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>

.

ciao

.

p.s .: ... if you need clarifications, let me know ...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Andre E
Andre E
Moderator

Nice KolAsim !

Read more
Posted on the from Andre E