Jump to content


Photo

WHP3 Feature Page More Button


  • Please log in to reply
9 replies to this topic

#1 phollist

phollist

    Member

  • Members
  • PipPip
  • 21 posts

Posted 12 May 2011 - 08:57 PM

On each of the Feature Pages there is a "More" button just below the Feature Title and Text. In the Set-Up for each Feature Page, there is a place to specify the link for each "More" button by entering a full URL. Where do I go to change the word "More" on the "More" button to some other word or phrase? Your expertise has been very helpful in the past and is deeply appreciated.

#2 timlinson

timlinson

    Advocate

  • Members
  • PipPipPipPipPip
  • 1032 posts

Posted 13 May 2011 - 12:23 AM

What you're seeing is actually an image button (http://www.pagelines.../morebutton.jpg). You can either change the morebutton.jpg image directly or link to another image with custom css: `.fcontent a.featurelink {` `? ? background: transparent url(PATH_TO_YOUR_IMAGE) no-repeat center top;` `}` or use `background:none` and change the text directly in the pro/template_feature.php file, which would require some more coding prowess.

#3 phollist

phollist

    Member

  • Members
  • PipPip
  • 21 posts

Posted 14 May 2011 - 03:22 AM

Thank you for your expertise and prompt reply. Unfortunately, I do not completely understand what you told me to do. Changing "the morebutton.jpg image directly" appears to be the easiest for me, but I do not know exactly how to do it. Am I to do something with http://www.pagelines...morebutton.jpg? I will be most grateful if you can go a bit further with your explanation.

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 14 May 2011 - 03:22 PM

It would be easy to simply add the code Tim provided in Theme Options > Custom Code > CSS Rules box and then save the options. Change "PATH_TO_YOUR_IMAGE" to the direct URL for the image button you want, which can be uploaded through the Media Library.

#5 phollist

phollist

    Member

  • Members
  • PipPip
  • 21 posts

Posted 18 May 2011 - 01:53 AM

Thanks for the additional understanding and pointing to the place to enter the CSS code. I entered .fcontent a.featurelink { background: transparent url "http://032b510.netsolhost.com/wp-content/uploads/2011/05/App-Store-Link-98-x-33.png" no-repeat center top; } in Theme Options > Custom Code > CSS Rules. "More" still appeared in the Feature Boxes. I also tried parentesis and no punctuation marks at either end of the url. I added the image to the media library and copied the url into the CSS code. What have I done wrong with the HTML?

#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 18 May 2011 - 02:22 AM

Hm, try using this selector instead:
 div.ftext a.featurelink

Instead of
 .fcontent a.featurelink


#7 timlinson

timlinson

    Advocate

  • Members
  • PipPipPipPipPip
  • 1032 posts

Posted 18 May 2011 - 03:17 AM

also make sure you're not putting it inside the body{} tag

#8 phollist

phollist

    Member

  • Members
  • PipPip
  • 21 posts

Posted 18 May 2011 - 06:18 PM

Thanks for your consideration and suggestions. The "More" button is still in the Feature Boxes. The following HTML was copied and pasted from Theme Options > Custom Code > Custom CSS > CSS Rules. This is precisely what is entered. div.ftext a.featurelink { background: transparent url "http://032b510.netsolhost.com/wp-content/uploads/2011/05/App-Store-Link-98-x-33.png" no-repeat center top; } With this HTML in the CSS Rules box, I pushed "Save Options" and viewed the Feature or Home page.

#9 timlinson

timlinson

    Advocate

  • Members
  • PipPipPipPipPip
  • 1032 posts

Posted 18 May 2011 - 07:36 PM

your background url is missing the parentheses: ` .fcontent a.featurelink { background: transparent url(http://032b510.netso...ink-98-x-33.png) no-repeat center top; } ` if that still doesn't work, try adding !important to override: ` .fcontent a.featurelink { background: transparent url(http://032b510.netso...ink-98-x-33.png) no-repeat center top !important; } `

#10 phollist

phollist

    Member

  • Members
  • PipPip
  • 21 posts

Posted 18 May 2011 - 09:46 PM

Thanks for the expert help. The !important override did the trick.