Home Forums Pro Themes Travel Eye Pro Color Options Not Working in SiteBuilder

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #53764
    Ashley Moss
    Participant

    Greetings! I’m having some issues within sitebuilder. The color options are not working on the Featured Trips Widget at all. I’m trying to make the title of “Most Popular Tours” all gray. I think I can change the color of the buttons myself in CSS.

    Also, on Latest News Widget, the hover button color of read more is no longer working. I am trying to make hover color black. This is the code I used but now its not working..

    .so-widget-travel-eye-latest-news-default-37a49fd696a5 .latest-news-widget a:hover {
    background-color: #000000!important;
    opacity: 1!important;
    }

    Kindly see link for reference: http://staging.orlandotravelcompany.com/

    #53788
    wensolutions
    Keymaster

    Hello @lynaeash ,

    To change the color of title to grey of Featured Trips Widget go to featured trip widget edit mode . In the edit screen go to Color setting > Widget Title an change the color to grey .

    Similarly to make the Read More button hover color black use below given CSS .

    .latest-news-text-wrap a.read-more:hover {
        opacity: 1;
        background-color: #000;
    }

    Hope this helps .

    Best Regards!!

    #53842
    Ashley Moss
    Participant

    Hello! Sorry what I mean is the settings to change colors in the Featured Trips Widget are not responsive. They are black and I cannot change any of the colors with this particular widget. All other widgets are working. I tried to change the widget title color of Featured Trips to numerous colors even purple but the color on front page does not change. I also tried to change color settings for Trip Title Color, Hover Color, etc. but none of these are responsive. The first thing I tried was removing all custom css, but I still get the same result only with this widget. Also, I tried creating a new homepage with sitebuilder, but same result and I tried to change the widget title too, but still the same. (http://staging.orlandotravelcompany.com/)

    Unfortunately that code did not work to change the button hover color. I modified it slightly and this code below worked for me! Many thanks! One mystery solved.

    .latest-news-widget a.read-more:hover {
    background-color: #000000!important;
    opacity: 1!important;
    }

    #53916
    wensolutions
    Keymaster

    Hello @lynaeash,

    While inspecting the issue on our side, it is seen that the colors selected for the Featured trips widget is actually been overridden by the Slick CSS as the widget layout uses the slick slider for featured trips carousal.

    We can suggest some Custom CSS targeting the specific widget if you can provide us details on the texts ( Title or Days ) section in the widget that you would like to change color of.

    Please provide us details on the texts that you are willing to change color of so that we could help you further.

    Best Regards !!

    #53920
    Ashley Moss
    Participant

    Hello! That would be greatly appreciated! I would like to change the color of the Featured Trips widget title (i.e “Most Popular Tours”) to gray #626262 (Kindly note the first letter of the title is already gray).

    I was able to pull the codes for the widget button colors from the stylesheet, but changing the color of the widget title is not as obvious to me.

    Also, is it possible to completely remove the circle with number of days? I just added some content to the featured trips widget and noticed this is overlapping with product titles. Plus most of our tours are 1 day or ticket only.

    Many thanks again!

    #53937
    wensolutions
    Keymaster

    Hello @lynaeash,

    While we have inspected the widget in your site it seems like there is already some custom code for widget title color with ‘.widget-title’ selector.

    Please check and remove the CSS for color if not required.

    You can also paste in the following Custom CSS in your Customizer > Additional CSS that will target the specific widget title and change your desired color.

    .so-widget-travel-eye-featured-trips h3.widget-title {
        color: #626262!important;
    }
    
    .so-widget-travel-eye-featured-trips .trip-day {
       display: none;
    
    }

    This will also remove the day field in the front-end.

    Note : The product day value checks for the empty data in the backend, that means, alternatively it is better to leave the day field blank in the widget details that should also remove the day ( circular tag ).

    Hope this Helps,

    Best Regards !!

    #54007
    Ashley Moss
    Participant

    Excellent! I added the custom css for the widget title color and this works beautifully to correct the issue.

    I followed your suggestion for the number of days and left the field blank (much simpler this way).

    Cheers

    #54046
    wensolutions
    Keymaster

    Hello @lynaeash,

    Glad to know your issues has been resolved.

    If you have any queries further, please feel free to post them here.

    Best Regards !! 🙂

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