WordPress.org

Forums

Fruitful
[resolved] [closed] linking info boxes (23 posts)

  1. melissaborchers2005
    Member
    Posted 1 year ago #

    how do you hyperlink the info boxes on the home page? I try to insert hyperlinks but it doesn't work. I would like to link either the image or the main text under

  2. Fruitful Code
    Member
    Theme Author

    Posted 1 year ago #

    melissaborchers2005,

    Not working for you?

    <a href="http://wordpress.org">[info_box]Content for second column [/info_box]</a>

  3. nummerzwei
    Member
    Posted 1 year ago #

    how could i link only the icon_url?

  4. AlicePH
    Member
    Posted 1 year ago #

    Wonder same thing! Link to whole thing doesn't look so good. I had to change link style.
    Looks like this right now, but i prefer also to link to icon or title.

    a href="http://www. someasite.com">[info_box icon_url="http://www.somesite.com/wp-content/uploads/2013/12/icon4.jpg" title="Title" type_column="alpha"]text [/info_box] </a

  5. pete marshall
    Member
    Posted 1 year ago #

    I would also like to just link the Icon.
    At present the text gets underlined and changes color.
    I imagine this is why Alice changed the link style.\
    I just had a quick look at the style.css but could not find any underline reference. So Alice did you just add to the style.css or edit it? and perhaps you could let me know what. Thanks.

  6. pete marshall
    Member
    Posted 1 year ago #

    I managed to change the style.css to remove the underlining using
    text-decoration: none;
    and set the color in-line using
    [info_box]..

    still would be nice if it was just the Icon with the link. P.

  7. pete marshall
    Member
    Posted 1 year ago #

    Forgot to use the backticks.
    should have read..

    and set the color in-line using
    '[info_box]..'

  8. Fruitful Code
    Member
    Theme Author

    Posted 1 year ago #

    Add link url only for icon image is not possible. You can add link to all info box area or add link or button below text.

    About styles, you can use theme options features - custom css to add styles for infobox links.

    .info_box a {
    color:#333;
    text-decoration: none
    }
  9. AlicePH
    Member
    Posted 1 year ago #

    Yes Pete
    I just edited it. Color:inherit and text-decoration:none

    But i see better solution which author provider:) Will do that instead!

  10. calibelle777
    Member
    Posted 1 year ago #

    Any updates on this issue in 1.2?

    I still can't link any thing to info boxes. Just don't know where I am going wrong??

    I have put the a href everywhere but the code just shows up on the front page.

    site here

  11. Fruitful Code
    Member
    Theme Author

    Posted 1 year ago #

    calibelle777,

    As you can see in change log http://themes.fruitfulcode.com/fruitful/changelog/
    no any updates for shortcodes in 1.2

  12. theskinnybranch
    Member
    Posted 1 year ago #

    Hi,

    I'm thinking of switching my site over to Fruitful Theme. Love the look. The only thing holding me back is if I can get the info boxes to link to a page on my site. From the opening message, it looks like you can but following the example... I can't get it to work. The code shows up & isn't linking. This is the format I took from above to apply to my site:

    [info_box]Content for second column [/info_box]

    Thank you for the direction. (I'm crossing my fingers)

    ~Emily

  13. Fruitful Code
    Member
    Theme Author

    Posted 1 year ago #

    theskinnybranch,

    Maybe you forgot to add [info_box_area] ... [/info_box_area] ?

    Shortcode examples
    http://themes.fruitfulcode.com/fruitful/shortcodes/

  14. alyonarutzen
    Member
    Posted 1 year ago #

    Hi!
    How can I remove the underline for all the links?
    Could you give me some code for the custom css?
    Thanks!

  15. Andrew
    Forum moderator
    Posted 1 year ago #

    You can create a new thread here: http://wordpress.org/support/theme/fruitful#postform

  16. kjrobbins
    Member
    Posted 1 year ago #

    I had the same problem and simply added some additional code to my Fruitful child theme's functions.php. Now I specify the "icon-link" in the shortcode and if it's not blank, the icon will be a link.

    If you're interested in the code, let me know and I'll post it.

  17. Fruitful Code
    Member
    Theme Author

    Posted 1 year ago #

    kjrobbins,

    No thanks, new theme version will be include core changes in shortcodes

  18. nfrankus
    Member
    Posted 1 year ago #

    I linked the info boxes and used the CSS above to remove the underline, but I would like the links to change color on the hover like other links do. How do I make this happen for the info boxes?

  19. kjrobbins
    Member
    Posted 1 year ago #

    nfrankus, the css to change the text color of the title when you hover could be:

    .infobox_title:hover {
    color:#d57d2d; /* or whatever color you want it to change to */
    }

    Basically, find the class of the object you want to set, add :hover and set the color property.

  20. kjrobbins
    Member
    Posted 1 year ago #

    Sorry, that should have been in code block:

    .infobox_title:hover {
    color:#d57d2d; /* or whatever color you want it to change to */
    }
  21. lifang
    Member
    Posted 1 year ago #

    how do i get rid of the icon, if I do not want any icon

  22. michaeldmunro
    Member
    Posted 1 year ago #

    Has the theme been updated to include linking from the info_box icon yet? I starting to put together a site using the Fruitful theme and I need to link from the icons. Any link I try adding just gets dumped out into the page and shows up as text.

    Any suggestions?

  23. Andrew
    Forum moderator
    Posted 1 year ago #

    You can create a new thread here: http://wordpress.org/support/theme/fruitful#postform

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags