Keyword

Change read more text link to button

  • Ivan Biolley
  • Ivan Biolley's Avatar Topic Author
  • Offline
  • New Member
More
7 years 11 months ago - 7 years 11 months ago #158361 by Ivan Biolley
Change read more text link to button was created by Ivan Biolley
Hi friends!

How can I do to convert the "Read More" text link to a Button?? I mean is there any way to give the K2 read more text link an atributte to become a button??

My buttons are Orange and with default K2 settings my Read More is a text link and not a button as supossed to be.

Some code to add - Some setting to configure????

****I'M NOT TALKING ABOUT TRANSLATE READ MORE WORD****
****Note: The buttons on my template are working so fine, is just with K2 that "Read More" is a text link.****


Thank you so much for your help!

Ivan
Last edit: 7 years 11 months ago by Ivan Biolley.

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
7 years 11 months ago #158370 by Krikor Boghossian
Replied by Krikor Boghossian on topic Change read more text link to button
Buttons are form elements so the button element will not work.
This should be a link (<a> element)

It is a CSS issue, you need to make this link inherit your template's button styles.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

More
7 years 11 months ago #158496 by Vladimir
Replied by Vladimir on topic Change read more text link to button
Hello. I want to on the main page of the site to place the blocks with the entry of articles from the categories. To do this, use the K2 component and module from "Gavickpro" Tabs GK5. When you enter the article "More" is displayed as a link



I want to style site use instead of button links



I compared the CSS template and CSS component k2, and edit

before:
div.k2ItemsBlock ul li a.moduleItemReadMore  {
}
div.k2ItemsBlock ul li a.moduleItemReadMore:hover {
}

after:
div.k2ItemsBlock ul li a.moduleItemReadMore  {
	
    display: inline-block;
    margin: 10px 0 0;
    font-size: 16px;
    line-height: 20px;
    padding: 4px 12px;
    text-transform: lowercase;
    color: #fff;
    background: #f47d56;
    border: 1px solid transparent;	
}
div.k2ItemsBlock ul li a.moduleItemReadMore:hover {	
}

In the end, that's what:



link "Read More" on the background (

You said, need to make this link inherit your template's button styles. Please tell us more about how to make inheritance template's button styles.
Sorry for my English. Thank you.

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
7 years 11 months ago #158504 by Krikor Boghossian
Replied by Krikor Boghossian on topic Change read more text link to button
Hello,

You need to ask the template's developer about the specifics of the template.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

More
7 years 11 months ago #158573 by Vladimir
Replied by Vladimir on topic Change read more text link to button
I found a solution. In file \modules\mod_k2_content\tmpl\Default\default.php replace
<a class="moduleItemReadMore" href="<?php echo $item->link; ?>">
on
<a class="btn" href="<?php echo $item->link; ?>">

now it looks like a complete button )

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
7 years 11 months ago #158576 by Krikor Boghossian
Replied by Krikor Boghossian on topic Change read more text link to button
Nice to hear this :)

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum