Various questions

[lisasm]

http://kimkershaw.com.au/thaiholiday/?page_id=22

– I’m using boxed content – they are all blue backgrounds, I have created different classes for each but what do I do next – not sure what css file to use or what syntax I need?
– is it possible to put a coloured box background behind the video and its title?
– can I add a title above the sliders? If so how?
– can the sliders also be in their own coloured boxes? Client wants coloured boxes behind each piece of content
– when I resize the browser window to be very narrow, a white box area comes up above the header. How do I remove this?

Thanks

[lisasm]

– how to center align the heading/title of the video
– if it’s possible to have heading/title above the slideshows, how do I center align the titles?
– how to change the font colour in each of the coloured boxes

[Cosmin – SUPPORT]

Hi,

1) Not sure what you want to do?

2) You could set an extra class and style it with custom CSS< but it won't show, the video will cover it completely. 3) Simply insert a Text Element with the Page Builder, above the slider elements. 4) Same answer as with question 2 5) Add this custom CSS in the General theme options:

@media screen and (max-width: 768px) {
  .logo-full #logo {
    padding-top: 80px;
  }
}

6) Again, some custom CSS:

.wpb_video_widget h3 {
    text-align: center;
    width: 100%;
}

7) you would need to add an Extra class on each of your elements that you want to have a different bg color on, then use custom CSS to style those extra classes.

Regards,
————————————————————————————————————

Cosmin – Support

[lisasm]

http://kimkershaw.com.au/thaiholiday/

Thanks – for example the “Share” box – it is blue, I want to change it to a different colour with white font. I inserted .share in the class field in the box content options, then I inserted :

.share { background-color: #0033CC; color: #FFFFFF}

but nothing happens, what am I doing wrong?

[Ben – SUPPORT]

It doesn’t seem to have the class, please make sure you’ve saved the class

Thanks
Ben

[lisasm]

The class is in there as .share with a dot in front. Is this correct or do I just put share without the dot in front

[lisasm]

I put it in the page builder in the extra class name field

[Cosmin – SUPPORT]

You need to remove that dot, it will be added by the theme.

Regards,
————————————————————————————————————

Cosmin – Support

[lisasm]

I have removed the dot but still not working.

In custom CSS I inserted:

.share {
background-color:#0033cc !important;
}

Is this syntax correct?

[lisasm]

Update: I changed the accent colour to #0066CC and now it’s changed all the boxed content. I need to apply a different colour to each box. Help!

[Cosmin – SUPPORT]

If you added ‘share’ (no quotes) as an extra class, then that code is correct, yes.

To have different colors, you will need to add a different extra class on each element and specify custom CSS for each one.

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[lisasm]

Update: I changed the accent colour to #0066CC and now it’s changed all the boxed content. I need to apply a different colour to each box. Help!

[Cosmin – SUPPORT]

Change it back, add an extra class on each of your elements and style that class with custom CSS just as above.

Regards,

————————————————————————————————————

Cosmin
Support Assistant