User 5-8 Question – Adding Ribbons

Hot WordPress Themes Support Forum WordPress Themes Destinations User 5-8 Question – Adding Ribbons

  • This topic is empty.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #451
    Milos Stankovic
    Keymaster

    Hi

    Thanks so much for all your help.

    On travel.lovelab.co,

    I would like my content to look the same as the content in Advert 1-4 spaces.

    It worked, but there are no ‘ribbons’ on the corner. What can I do to rectify this?

    I plan on having the ribbons in section User 5-8 each unique, and different from the ribbons in Advert 1-4. Is this possible?

    Also one other small thing — what file contains the code that determines the color/style of the headings in Advert 1-4 and User 5-8? (e.g. ‘The Big Apple, Tropical Paradise’ etc) I need to change those heading colours. I checked the CSS but couldn’t see it.

    Thanks a lot

    #974
    milos
    Moderator

    Hi,

    There was a bug. Please edit file /wp-content/themes/wp_hot_destinations/js/theme.js and change line

    Code:
    jQuery(‘#c5, #c6, #c7, #c8’).each(function(ind){

    to

    Code:
    jQuery(‘#c1, #c2, #c3, #c4, #c5, #c6, #c7, #c8’).each(function(ind){

    When you edit widgets in positions User5-8, you can edit Widget suffix parameter. So, if you change _orange to _somethingelse you would be able to have additional ribbons.

    You should create and upload ribbon images to /wp-content/themes/wp_hot_destinations/images (name it as ribbon_somethingelse.png, etc…)

    Also, you should edit CSS file /wp-content/themes/wp_hot_destinations/css/template_css.css and change this part:

    Code:
    div.widget_orange h3 {
    color:#fe6f00;
    }

    div.widget_grey h3 {
    color:#4a4a4a;
    }

    div.widget_blue h3 {
    color:#3ab7e9;
    }

    div.widget_green h3 {
    color:#8fc400;
    }

    div.widget p, div.widget_orange p, div.widget_grey p, div.widget_blue p, div.widget_green p {
    padding:0;
    margin:4px 0;
    }

    to add your new kind of ribbon:

    Code:
    div.widget_orange h3 {
    color:#fe6f00;
    }

    div.widget_grey h3 {
    color:#4a4a4a;
    }

    div.widget_blue h3 {
    color:#3ab7e9;
    }

    div.widget_green h3 {
    color:#8fc400;
    }

    div.widget_somethingelse h3 {
    color:#000000;
    }

    div.widget p, div.widget_orange p, div.widget_grey p, div.widget_blue p, div.widget_green p, div.widget_somethingelse p {
    padding:0;
    margin:4px 0;
    }

    #975
    Milos Stankovic
    Keymaster

    Thanks again for your patience and assistance!

    I am still having a little trouble. I think I have followed instructions carefully.

    I will recap your instructions and echo back what I have done. Thanks again for your assistance.

    1. edit theme.js so the ribbons appear in User 5-8

    worked perfect

    2. Create ribbon images and upload to
    /wp-content/themes/wp_hot_destinations/images

    Done. carefully named them
    ribbon_circuite.png
    ribbon_croaziere.png
    ribbon_decembrie.png
    ribbon_oferte.png

    Here’s a sample direct link to confirm:

    Code:
    travel.lovelab.co/wp-content/themes/wp_h…/ribbon_circuite.png

    3. edit template_css.css

    Done, but no results on site. See below for my code:

    Code:
    div.widget_orange h3 {
    color:#692977;
    }

    div.widget_grey h3 {
    color:#692977;
    }

    div.widget_blue h3 {
    color:#692977;
    }

    div.widget_green h3 {
    color:#692977;
    }

    div.widget_circuite h3 {
    color:#692977;
    }

    div.widget_croaziere h3 {
    color:#692977;
    }

    div.widget_decembrie h3 {
    color:#692977;
    }

    div.widget_oferte h3 {
    color:#692977;
    }

    div.widget p, div.widget_orange p, div.widget_grey p, div.widget_blue p, div.widget_green p, div.widget_circuite p, div.widget_croaziere p, div.widget_decembrie p, div.widget_oferte p {
    padding:0;
    margin:4px 0;
    }

    However the ribbons haven’t changed

    #976
    milos
    Moderator

    Hi, sorry for delay. Please check the widget in position USER5-8. You’ll see it has the link to the ribbon image in the beginning. However, on your site, you set for all these modules to use this ribbon image:

    So, could you just change image files for USER5-8?

    #977
    Milos Stankovic
    Keymaster

    Hi!

    Thanks for the reply.
    This is just a temporary status, with the site is currently pointing to

    in all 4 positions of User 5-8

    But I actually need them to display 4 different ribbons, like displayed in Advert 1-4

    Thanks!

    #978
    milos
    Moderator

    Have you changed value for Widget suffix for widgets User 5-8?

    #979
    Milos Stankovic
    Keymaster

    Hi

    Re:
    Have you changed value for Widget suffix for widgets User 5-8?

    Where do I make that change? I will check, thanks

    #980
    milos
    Moderator

    Please see attached. This is sample for ADVERT1, but it’s the same for all widget positions.

    #981
    Milos Stankovic
    Keymaster

    Worked perfectly thanks!

    I appreciate your help. This quality support makes me want to order again from hotWP!

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.