You don’t want to alter the theme file because when it gets updated it will overwrite your change.
The best way to do this would be to use Jquery and replace the element.
I am however lazy and came up with this lazyman hack. You will need a child theme css sheet, or a built in stylesheet in the theme. Lots of guides on how to make child themes.
So here it is: (note: this only works if you want to keep the same link location, it is imposible to change the link location with css)
1. Use the CSS selector :before to select the link
2. Use the content properties to add the text you want before the link
3. Set the added text’s size to something appropriate. You must use pixels, you cannot use em’s.
4. Set the size of the link to something extremely small, like 0.01em.
5. Profit.
#main-wrapper > div.container.marketing > div > div:nth-child(1) > div > p:nth-child(3) > a:before {
content: “Hello World”;
size: 20px;
}
#main-wrapper > div.container.marketing > div > div:nth-child(1) > div > p:nth-child(3) > a {
size: 0.01em;
}
http://www.w3schools.com/cssref/sel_before.asp
http://www.w3schools.com/cssref/pr_gen_content.asp
By the way, the reason I could not just use the display property is because the the button is the links background image and so the whole thing disappears. If the button was not a gradient of color I would also change the small texts color to match the background.
There’s a CSS and php solution in this snippet.
But I think that the question may have meant to be much much simpler. @a_francisco: are you simply trying to change the default text in the buttons on the slider? If so, it’s in Customiz’it > Front Page.
Yes, thank you for the clarification. I did not know that changing the button text was as easy as a front page setting, but ultimately my intention was to have different text in the buttons — two are links to records (“Listen”) and the third is to a video (“Watch”).
