Unable to install Sundance Theme

[albergo]

Hi,

Thanks for that. Unfortunately I have tried that before and the result is that when I go to the post, it does also not display the post anymore. In other words, the post is then empty.

Any idea?

Kind regards,

Leslie Langeler

[albergo]

Hi,

Got it. It is actually only the .

so the line look like this:

?> <!– “><div class=”category-item-img”>” alt=”” /></div> –> <?php

Thanks so much,

Leslie Langeler

[albergo]

Thank you, that worked perfect!

Leslie

[albergo]

Question about sub menu:

Hi,

If you would be so kind to take a look at the menu in the right sidebar at following link:

http://gardenroutehostels.co.za/wordpress/activities/adrenalin-and-adventure/skydive-plettenberg-bay

1: The arrow on the left should probably appear in front of the main menu items instead of halfway in front of the sub menu items.
2: The sub menu items are kind of displayed over an arrow. Only when you hover over them, the arrow becomes visible. I don’t think that that is correct.
3: Hovering over some sub menu items only works when hovering over the first character and sometimes not when only hovering over the last part of the sub menu item.

I tried a couple of other menu widgets but unfortunately that didn’t improve the situation.

Creating a menu without sub menu items works fine.

Hope you have a solution, thanks,

Leslie

[7Theme Support]

Hi Leslie,

you are right, thats not correct. Go to WordPress admin -> Appearance -> Theme Options -> General -> General Settings -> Extra CSS Content (textarea) and insert this:

.sidebar ul.sub-menu > li > a {
z-index: 22;
position: relative;
padding-left: 20px;
display: block;
}
.sidebar ul.menu > li:before {
top: 20px;
}

This will solve all issues, it’s tested.

[albergo]

Hi,

Unfortunately that doesn’t help at all. Any idea?

This is exactly what I have at the extra content:

.sidebar ul.sub-menu > li > a {
z-index: 22;
position: relative;
padding-left: 20px;
display: block;
}
.sidebar ul.menu > li:before {
top: 20px;
}

#navleft { max-width:none; width:100%; }

The last line has to do with a question about the width of the menu. Removing that line makes no difference.

Leslie

[7Theme Support]

Hi,

found the problem in the source code. WordPress security system transform the “>” to “>”.

Please try this, then it should work:

.sidebar ul.sub-menu li a {
z-index: 22;
position: relative;
padding-left: 20px;
display: block;
}
.sidebar ul.sub-menu li:before {
top: 7px;
}
.sidebar ul.menu li:before {
top: 20px;
}

[albergo]

great, almost there. One tiny problem still. I am sure we are almost there. I tried to fix myself but no result, just not enough knowledge about css.

The arrows in front do not line up with the text. (look at the url above to see the result) and at the end there is an arrow with nothing behind it.

For the rest it looks already so much better!

Leslie

[albergo]

update:

I have added following code:

.sidebar ul li:before,#footer ul li:before {
content: “”;
}

Adding this will clear the little < in front of the menu. Don’t know if this is proper css? Maybe there’s a better way to do all of this. Just let me know.

Kind regards,

Leslie

[7Theme Support]

Hi Leslie,

that’s proper css, it’s ok. 🙂

[albergo]

Hi,

Hope you can help me with following:

When I put a picture on any page I would like this picture to have the same “style” (box-shadow) as the other pictures in the theme. I mean the shadow and the blue stripe on top. I would really like that style with all my displayed pictures.

Do I need to define this under extra CSS content at the theme settings or can I use an existing CSS class. I would then just edit the picture and then under advanced settings, CSS class refer to either an excisting class or the new one?

I tried the box_shadow class (used firebug) but that doesn’t change the picture at all so I’m clearly doing something wrong.

Hope you can help me.

Kind regards,

Leslie Langeler

Can you help me out with this.

[7Theme Support]

Hi,

thats a little bit tricky, because we work with css box-shadows, :before and :after.

Here is the HTML for all images and elements with the shadow:

<div class="shadow_box"> 
	<div>	 
	<img src="http://.../image.jpg" alt="" style="display: block;">
	</div> 
  </div>

If you want, you can wrap the images with the 2 div’s, then you can use the shadow boxes around your images

[Author]

Posts