Change the Position of the Hero Slider Header in Soundcheck Theme
-
Hello,
I am trying to edit the site http://www.democraticthought.com in order to reduce the height of the hero slider, as per the example below:
http://radicaleffect.com/
The desired effect is to have the hero slider shown over, as opposed to above, the background.I achieved this in preview by altering the code below, which is the existing CSS, to reduce the height. However the change is never accepted. It seems that by reducing the image so much I am corrupting it or something. Could I please ask you to advise?
element.style {
height: 1200%;
position: absolute;
width: 100%;
-webkit-transition: 0s;
transition: 0s;
-webkit-transform: translate3d(0px, -880px, 0px);}Furthermore, although this is not CSS related, I also cannot get certain widgets to show up on my home page. I would like to display the soundcheck audio player and slide of pictures/videos/posts as it is done on http://jcalifra.wordpress.com/
Could you please also advise on this?Many thanks in advance.
Kind Regards,
RobertThe blog I need help with is: (visible only to logged in users)
-
element.style is not a CSS selector. What that is telling you is that those items are set in the HTML rather than in the CSS stylesheet.
The desired effect is to have the hero slider shown over, as opposed to above, the background.
I’m not understanding exactly what you are wanting here. Can you explain a little further?
On the audio player widget, have you looked through the information on the Soundcheck Theme Showcase page? Do you have any audio posts set up?
-
Right! That would explain why when I edited the HTML directly and clicked preview, the edit worked. However as far as I understand the HTML edits are never allowed. Is that correct?
To better explain what I want it’s best to use an example. The standard display for this theme is to have the hero slider at the top, and the home page content below. This is how the page is at the moment. What I want to see is a header above the hero slider, as in this example: http://radicaleffect.com/. I understand that it was done in this example by adding a background that featured a header at the top, and then editing the CSS to lower the hero slider. So that’s what I’m trying to accomplish. Does that make sense?
On the audio player, yes I followed the instructions as per the showcase page. Several MP3 audio files have been added, and posted as audio tracks. I even directly linked audio files to the widget, and tried placing the widget in various different locations. But I can’t get anything to show at all. I tried using the standard music player as an alternative, but that wouldn’t show either. It seems like I’ve reached a cap on the number of widgets allowed or something, but I can’t imagine that this is the case.
Thanks!
Rob -
Create and add your header image and insert it as a background at Appearance > Background. I would suggest also setting a background color that is the same as the edges of your header image so that it will blend in at the edges of the image, if your image is constructed similarly to what is on your example site. Also set things so that it is non-repeating.
Then all you have to do is add this and adjust the top margin value to match the header image you set as the background.
#hero .slides { margin-top: 150px; }I’m working on wrapping my head around SoundCheck and the audio player. Let me do some more playing with things and I’ll report back.
-
Unfortunately that didn’t work. It reduced the size of the image, but not the size of the hero slide frame. So I just had several reduced sized images scrolling within the hero box.
-
-
-
- The topic ‘Change the Position of the Hero Slider Header in Soundcheck Theme’ is closed to new replies.
WordPress.com Forums 