• Closed
  • Website Design
    Spectator
    18.11.2015 at 09:38 #22151

    I am using evolve+ and am trying to make the background on pages and posts transparent so that the website background can be seen behind the text. Please let me know how to do this.

    Denzel Chia
    Moderator
    Posts: 2656
    19.11.2015 at 07:28 #22180

    Hi,

    Please post your website url.

    Thanks!

    Website Design
    Spectator
    Posts: 15
    19.11.2015 at 19:06 #22208

    Until it is ready, it is at a temporary URL which is: http://173.254.97.203/~mericdl8/.

    Denzel Chia
    Moderator
    Posts: 2656
    20.11.2015 at 09:48 #22236

    Hi,

    In Theme Options -> Custom CSS.
    Please use the following first.
    Clean up the lines later. It’s too confusing.

    #wrapper {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    }

    .widget-content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    }
    table{
    border: medium none !important;
    }

    Website Design
    Spectator
    Posts: 15
    20.11.2015 at 16:16 #22252

    Thank you. This helps greatly; however, there is still a slight horizontal border on the tables and a horizontal and vertical border on some of the various sections of the page. These borders/lines are darker sometimes and lighter at other times depending on the background color. I know that the customer isn’t going to want any borders to be visible. Can you help tweak the CSS to eliminate the borders?

    Denzel Chia
    Moderator
    Posts: 2656
    21.11.2015 at 08:01 #22259

    Hi,

    Please use the following.

    td, th{
    border:none !important;
    }
    .widget::after{
    background:none !important;
    }
    .content-bottom{
    display:none;
    }

    Thanks!

    Website Design
    Spectator
    Posts: 15
    24.11.2015 at 07:09 #22339

    I added the additional CSS code, and that did the trick for the tables. There is still a border around the Tag Cloud in the footer though. Can you provide additional CSS code to remove this border?

    Denzel Chia
    Moderator
    Posts: 2656
    25.11.2015 at 05:55 #22354

    Hi,

    Please use the following codes.

    .widget-content {
    border: medium none !important;
    box-shadow: none !important;
    }

    Thanks!

    Website Design
    Spectator
    Posts: 15
    30.11.2015 at 17:05 #22576

    Thank you very much. That works great. The only area that still have a white background are the areas behind each image. The images themselves have a transparent background, but wordpress is displaying a white background behind and around the image. Could you provide custom CSS code to make the border behind and around images transparent?

    Thank you.

    Denzel Chia
    Moderator
    Posts: 2656
    01.12.2015 at 07:11 #22606

    Hi,

    Please use the following codes.

    img {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    box-shadow: none !important;
    }
    .container.container-header.custom-header {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    }

    Thanks!

    Website Design
    Spectator
    Posts: 15
    01.12.2015 at 14:37 #22627

    Thank you. This almost has it except that the customer CSS code for the header removes the header image completely. My customer does want to see the header image.

Viewing 10 replies - 1 through 10 (of 14 total)