Add link to email aadress on the front page

Just put the style in the anchor itself, like:

<a style="color:#ffffff" href="mailto:[email address]">[email address]</a>

I used your code, but the link text still isnt white.

Here is the picture:

https://subficial.midnightanimation.ee/error.jpg

I can see you’ve removed the link.

Make it a link, and let me check the code on the site to find out why it’s not working.

I changed it back to link now, check it out.

Kindly take a closer look at the code I gave above vs yours highlighted below.

I don’t see the inline style (style="color:#ffffff") in your link code. Did you forget to include it? Or did you include it but the theme stripped it out?

If the theme is stripping out the inline CSS, you can use external CSS below to change the link color:

span.icon-desc a {
color: #ffffff;
}

Put this in APPEARANCE > CUSTOMISE > ADDITIONAL CSS

Check it out, i think i got it fixed now.

https://majahaldur.ee/

• This reply was modified 4 years, 2 months ago by SiimR.
• This reply was modified 4 years, 2 months ago by SiimR.

Thanks for the help, i got the first problem fixed. =)

I have a second question also, i will not make a new thread il ask it here because it is related to the same theme. How can i change the main slide pictures size? The pictures are too big, i would like them to be half size. The theme dosent have an option to select the size manually,so i guess i must change it by code. How can i do it?

You can change the displayed size with CSS, for example:

.featured-slider.slick-initialized.slick-slider {
    width: 50%;
    margin: 0 auto;
}

Again, add to the customizer’s Additional CSS panel. You’ll likely also want a media query to make it full width only for smaller screens.

This changes the displayed size, it does not alter the source image file’s size. It’s still 1920 px wide. To get the slider to use smaller image files, you’d be better off asking for assistance through the related support forum specific for that theme.

Okii thanks, il try it.

.featured-slider.slick-initialized.slick-slider {
width: 50%;
margin: 0 auto;
}

—

Is it possible to set the width to 100% and height to 40%? So it would cut the picture to half. The whole image dont have to be displayed, it can display part of the picture even. Main thing is that the picture would have original width but half size in height.

I found this piece of code in the css file:

/*Image slider Responsive*/
.image-slider-wrapper.responsive-img img{
width: 100%;
}
.image-slider-wrapper.responsive-img,
.image-slider-wrapper.responsive-img .slick-list,
.image-slider-wrapper.responsive-img .slick-track{
height: auto!important;
}
/*extra small device*/
@media (max-width: 1230px) {
.image-slider-wrapper .banner-title {
font-size: 32px;
}
}
@media screen and (max-width:991.49px){
.image-slider-wrapper > .info-icon-box-wrapper {
position: relative;
}
}
@media screen and (max-width:679px){
.image-slider-wrapper .slider-content .image-slider-caption{
display: none;
}
.image-slider-wrapper .banner-title {
font-size: 24px;
}
.image-slider-caption{
width: 90%;
}
}

I think that changes how the slider image looks on different devices, any chance i can change it from here?

You can try different percentage heights and widths, but depending on how the outer container behaves responsively, you may get aspect distorted images (squished or stretched) instead of cropped. Experiment using your browser’s element inspector developer tool in different sized windows to see if it’ll work the way you want.

Generally speaking, to maintain proper aspect, either one dimension can be a percentage, but the other should be set to auto.

We advise against altering theme or plugin files. Your changes will likely be lost when the module is updated. Better is to copy the portion you want to change to Additional CSS and alter that version. Additional CSS is output relatively late, so should override the same rules in external files.

The funny thing is that the “width: 50%;” command works, the picture changes, but the “height” command dosent respond, nothing happens. mayby i am entering the command wrong way? How the height command should be set if the width is set to auto?

The various div containers that make up the slider have existing height rules in the theme’s style.css which have the !important modifier. We cannot override such rules in Additional CSS unless the modifier is removed from the existing rules. I see two, at line 1277 and 1291. There could be more in media queries, I didn’t dig further.

It’s generally not a good idea to edit theme files, but in this case I don’t see a good alternative. It’s poor practice to include such modifiers in theme CSS for this very reason. Have you already modified this file with these, or did it really come with these modifiers from the start?