[morruu]

Another question is.

How can I style the labels text to white and the validation errors as on desktop?

See attachment.

Best regards
Morten

Attachments:

You must be logged in to view attached files.

[morruu]

Thanks.

I used the column code from your theme together with clearfix on the rows.

It solved the problem.

Best regards
Morten

[morruu]

Thanks, David 🙂

[morruu]

@Wonder I just saw your post and I think the setup on the product pages looks nice e.g.resume template 39.

What plugin do you use for the zoom effect on the product image?

How did you put more text under the thumbnail images the text beginning with “Microsoft Word Resume Template”?

I hope you will reply.

Best regards
Morten

[morruu]

I have added the custom css code and it works, but not in the way I like it.

In a blog post e.g. this http://www.altombasketball.dk/top-5-populaere-nike-basketball-sko-til-maend/ I only want the hyperlinks in the body text to change and NOT hyperlinks in the sidebar, related articles, tags in bottom, social sharing links, category in top of blog post and next blog post.

In the front page the blog post headings under the images has also changed.

So I added this custom css instead:

/* Color on hyperlink only in body text on page and blog posts */
#page-wrap p a {
    color: blue;
}

I think it solved my issue about coloring all hyperlinks.

Best regards
Morten

Attachments:

You must be logged in to view attached files.

[morruu]

Thanks a lot.

Best regards
Morten

[morruu]

Thank you for the support 🙂

[morruu]

Thanks. The custom css code works. If I only want to use the css code on this page, should I then add the page id to the css code e.g.

.page-id-6699 .spb-row-full-width.remove-element-spacing .spb_box_text {
padding: 0;
}
.page-id-6699 .spb-row-full-width.remove-element-spacing .spb_box_text .box-content-wrap {
min-height: 280px;
}

Best regards
Morten

[morruu]

This reply has been marked as private.

[morruu]

Hi David,

I activated the setting, but there is still space between the three boxes and a margin to the next element on the page.

Please take a look at the screenshot.

Best regards
Morten

Attachments:

You must be logged in to view attached files.

[morruu]

Thanks, Mohammad! It’s working with the css custom code.

Best regards
Morten

[morruu]

Hi David,

I haven’t changed anything in the core files, but I have added this custom css.

.inner-page-wrap {
margin-bottom: 0px!important;
}

/* Changes color on fill to stroke button */
.sf-button.stroke-to-fill.large.custombutton {
background-color: #fff!important;
color: #0222A7!important;
border: 2px solid #0222A7!important;
}

/* Changes color on fill to stroke button on hover */

.sf-button.stroke-to-fill.large.custombutton:hover {
color: #fff!important;
background-color: #0222A7!important;
border: 2px solid #0222A7!important;
}

/* Padding on full width text block */
.full-width-text.fwtcustom {
padding-bottom: 20px;
padding-top: 20px;
}

/* Flipside background colour */
.sf-icon-box-animated .back sf-icon-box-animated .back h3 .sf-iba-custom{
color: #ffffff!important;
background: #0222A7!important;
border-color: #e4e4e4!important;
}

Best regards
Morten

[morruu]

It’s working now. It was a cache problem.

Thanks again.

Best regards
Morten

[morruu]

Thank you for your reply.

I have added this custom css code, but I can’t get the hover effect to work.

/* Changes color on fill to stroke button */

.sf-button.stroke-to-fill.large.custombutton {
background-color: #fff!important;
color: #0222A7!important;
border: 2px solid #0222A7!important;
}

/* Changes color on fill to stroke button on hover */

.sf-button.stroke-to-fill.large.custombutton:hover {
color: #fff!important;
background-color: #0222A7!important;
border: 2px solid #fff!important;
}

I’m sure you can help me.

Best regards
Morten

[morruu]

@samourra how did you create/style your menu link. Could you share your solution with me?