Before you ask please READ THIS

POST GRID RED "READ MORE" BUTTON IN VISUAL COMPOSER

in Fame Posts: 33
Last one I promise.

The Red "Read More" button in Post Grid Element in Visual Composer-----How do you edit? Is coding the only way?
Would like it to be #4b4b4b background and border with color#fff
and hover #181818 for background and hover with color: #fff

Comments

  • AirAir
    Posts: 10,970
    Hello :-)

    If you know CSS you could do it with custom CSS.

    You can try this:

    .vc_grid .vc_gitem-link {
    background-color: #4b4b4b !important;
    border: 2px solid #fff !important;
    color: #ddd !important;
    }
    .vc_grid .vc_gitem-link:hover {
    background-color: #181818 !important;
    color: #fff !important;
    }
    With kind regards.
  • Posts: 33
    Still learning :)

    Appreciate your help.
    It is making the photos above #4b4b4b color as well.
    Screen Shot 2016-06-01 at 9.32.33 AM.png
    1129 x 493 - 65K
  • Posts: 33
    Can anyone else help me if Air doesn't make it back (time difference)?
    Looks like its just a Custom CSS adjustment here.
  • AirAir
    Posts: 10,970
    In this case this will be better CSS for you:

    .vc_grid .vc_btn3-container .vc_gitem-link {
    background-color: #4b4b4b !important;
    border: 2px solid #fff !important;
    color: #ddd !important;
    }
    .vc_grid .vc_btn3-container .vc_gitem-link:hover {
    background-color: #181818 !important;
    color: #fff !important;
    }
    Should be better.

    With kind regards.
  • Posts: 33
    Worked Great. Thanks again for all your help- will be sure to leave a good review.
  • Posts: 33
    For Reference
    FIXED.READMOREBUTTONS.png
    1118 x 276 - 55K
  • AirAir
    Posts: 10,970
    emck said: Worked Great.
    I am happy to hear that:-)

    With kind regards.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion