Node Title Displayed on Slide Instead of Slide Text
I've finally gotten around to adding all my slides to the carousel and noticed that the node title is displayed in the place where the slide text should be displayed (on the slides in the carousel block itself).
I thought maybe I had changed this before and forgotten, but I just reimported the view to see and it uses the node title instead of the slide text field. I wanted to try to test out a fix, so I cloned the carousel view and removed the node title from the Default display, replacing it with the field_slide_text field, and then used the new block generated from my cloned view, but the slide text is just displayed at the top, along the edge of the image, and the slide text box near the bottom right of the image is gone (because I removed the page title field from the view).
Not sure what I can do here. Is it something with the view or something else with the theme?
Tags:
I've finally gotten around to adding all my slides to the carousel and noticed that the node title is displayed in the place where the slide text should be displayed (on the slides in the carousel block itself).
I thought maybe I had changed this before and forgotten, but I just reimported the view to see and it uses the node title instead of the slide text field. I wanted to try to test out a fix, so I cloned the carousel view and removed the node title from the Default display, replacing it with the field_slide_text field, and then used the new block generated from my cloned view, but the slide text is just displayed at the top, along the edge of the image, and the slide text box near the bottom right of the image is gone (because I removed the page title field from the view).
Not sure what I can do here. Is it something with the view or something else with the theme?
I just noticed that the same thing is happening on the Litehouse demo...
http://www.themeshark.com/demo/litehouse/node/7
The above page is the one with the row of iMacs (the first of which has a hummingbird on the screen).
Note Title: Egestas metus nec sem vulputate volutpat. Nullam ullamcorper varius ligula vel iaculis.
Slide Text: Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec suscipit faucibus mauris vitae cursus.
The node title (not the slide text) is displayed in the slide text box in the carousel on the main page:
http://www.themeshark.com/demo/litehouse
On one of the other slides (the first one), the node title and slide text are identical, so you cannot tell the the wrong one is being displayed, but they are different for the hummingbird slide and the third slide.
I think I figured it out.
- Remove the node title field from the "carousel" view.
- Add the "field_slide_text" to the "carousel" view.
- Add the following to the custom.css stylesheet in the "css" folder for the theme (make sure that the custom.css file is "activated" in the settings for the theme at /admin/build/themes/settings/litehouse -- there's a checkbox under "Misc" called "Use custom stylesheet (found in css/custom.css) for tweaking/adding CSS").
(I was already using the custom.css file for other modifications, but I wanted to mention how to turn it on for those who might not be. Also, using custom.css leaves the other theme stylesheets alone, making updates to the theme easier in the future.)
Here's the style code for custom.css:
.jcarousel-container .views-field-field-slide-text-value {
position: absolute;
width: 260px;
right: 20px;
bottom: 20px;
padding: 10px;
text-align: center;
background: url(../images/transparent_bg.png);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.jcarousel-container .views-field-field-slide-text-value:hover {
background: #007ea7;
}
.jcarousel-container .views-field-field-slide-text-value a {
font-size: 1.0em;
line-height: 1.5em;
font-weight: bold;
color: #ffffff;
text-shadow: 1px 1px #111111;
}
Yep, that' it - the inclusion of the title instead of the subtitle was actually by design, so this is handy for anyone who wants to switch them around. Thanks!



