Larger Icons & Text & Also Links to other pages
in Other
The site I refer to is www.demosite1.chaston.biz. I am using one of the Betheme demo templates and adjusting it. On the right of the front page towards the bottom I have two Icon lists using the code:
<ul class="list_idea">
<li>Moxibustion</li>
<li>Tuina</li>
<li>Five Elements</li>
</ul>
I want to make the icons and the text a bit bigger. I also want the icons and text link to individual pages, so click on the lightbulb icon next to "Moxibustion" or click on the text itself and you are re-directed to a new page (in this case Moxibustion).
Can you please tell me how i can achieve this.
Thanks
Comments
.list_idea li {
font-size: 15px !important;
}
Just adjust the 15px to what you want
The size of the icons cannot be changed because it is a background element. What we can do is hide the icons, and add new ones with icon tags. Then you will be able to change the size and pick other icons you want.
To link element do this:
thanks