Topic Resolution: Resolved
  • Closed
  • Sue Young
    Spectator
    July 28, 2016 at 6:46 pm #29423

    I updated to the current version of Evolve Plus and there are some parts of the site that changed in look and I can’t figure out how to correct them. The site is http://www.riverrosecruises.com.
    Problems:
    1. The tag line should be under the words “The River Rose” not to the right of them.
    2. The text on the bottom of the 3rd column on the home page is specified as paragraph and that used to display as a much smaller font, how do I correct this?
    3.The background under the header area where the “To book CLICK HERE” and “The River Rose” needs to be white instead of a slight gray color.
    4. On the slider on the home page there is a gray gradient block with a darker gray bar over the images and the “click to reserve” button is off center – how to I remove the block and bar and center the wording/button?
    That’s it for now – hoping someone can help me clean this up!
    Thanks is advance
    Sue

    Sue Young
    Spectator
    Posts: 96
    July 28, 2016 at 7:17 pm #29425

    Continued poking at this and SOLVED #1 – there is a setting under Theme Options>Title and tagline

    SOLVED #4 – the set up for Bootstrap under Theme Options does allow the choice of centered and then I added the following to my Custom Css

    /*removes gradient block on slider*/
    .carousel-control.left {
    background-image: none;
    background-repeat: repeat-x;
    }

    .carousel-control.right {
    background-image: none;
    background-repeat: repeat-x;
    left: auto;
    right: 0;
    }

    #bootstrap-slider .layout-center {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: -8px;
    left: 0;
    padding-bottom: 20px;
    right: 0;
    text-align: center;
    width: 100%;
    }

    And to raise the button from the bottom

    #bootstrap-slider .carousel-caption .button {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    border-color: rgba(255, 255, 255, 0.8);
    border-width: 2px;
    bottom: 15px;
    box-shadow: none;
    position: relative;
    }

    Still working on #2 and #3 – if I figure it out I will post back – otherwise maybe someone else has the solutions

    Sue

    Sue Young
    Spectator
    Posts: 96
    July 28, 2016 at 7:31 pm #29426

    OK – so once again poking solved another – #2 – there is apparently on paragraph format – changed it to Header 4 and now all looks good.

    I still can’t figure out how to change the slightly gray background in the header though (question #3)

    Sue

    Denzel Chia
    Moderator
    Posts: 2672
    July 29, 2016 at 6:18 am #29455

    Hi,

    Please use the following for your #3 issue.
    In Theme Options -> Custom CSS

    .header {
    background: #fff none repeat scroll 0 0 !important;
    }

    Thank you

    Sue Young
    Spectator
    Posts: 96
    July 29, 2016 at 3:06 pm #29476

    Perfect thanks!

    Denzel Chia
    Moderator
    Posts: 2672
    July 30, 2016 at 8:39 am #29491

    You are welcome!
    Thank you.