Viewing 13 posts - 1 through 13 (of 13 total)
  • Posted in: Pinpoint
  • #8495
    lisasm
    Member
    Post count: 8

    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

    #8497
    lisasm
    Member
    Post count: 8

    – 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

    #8521
    Cosmin – SUPPORT
    Member
    Post count: 3851

    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

    #8608
    lisasm
    Member
    Post count: 8

    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?

    #8622
    Ben – SUPPORT
    Member
    Post count: 690

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

    Thanks
    Ben

    #8623
    lisasm
    Member
    Post count: 8

    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

    #8624
    lisasm
    Member
    Post count: 8

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

    #8677
    Cosmin – SUPPORT
    Member
    Post count: 3851

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

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

    Cosmin – Support

    #8741
    lisasm
    Member
    Post count: 8

    I have removed the dot but still not working.

    In custom CSS I inserted:

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

    Is this syntax correct?

    #8755
    lisasm
    Member
    Post count: 8

    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!

    #8828
    Cosmin – SUPPORT
    Member
    Post count: 3851

    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

    #8873
    lisasm
    Member
    Post count: 8

    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!

    #9110
    Cosmin – SUPPORT
    Member
    Post count: 3851

    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

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register