Details to be fixed at my coming soon and fundraising pages

Hi!

Since @Sajid was already helping me with this, I'm pinging him here.

Here are the issues:

1)For some reason that "Make this donation" text at the fundraising page wasn't affected by that CSS. Also, the "Back this project" button near it is unaligned with the box beside it.

2)Any way to remove/hide that "Posted By wheel of commerce In" that's beneath the "Fundraising" title and centralize the "Fundraising" title in its white box?

3)Is there a way to make the font in those texts just a bit bigger?

4)At the coming soon page, you can see that there's a huge empty area across that Paypal clickable image that's also clickable. How can I get only the image itself to be clickable?

Thanks. :slight_smile:

  • Sajid

    Hi @Gabriel

    Hope you are dong good today and welcome back :slight_smile:

    I updated/added below code to fix above issues.

    #post-393 .page-content,
    #post-387 .post-content label,
    #post-387 .post-content input,
    #post-387 .post-content button,
    #post-387 .post-content select,
    #post-387 .post-content textarea,
    #post-387 .post-content
    {
      font-family: 'Varela Round';
      font-weight: 800 !important;
    }
    #post-387 .post-content .wdf_send_donation{
        margin-left: 40px;
    }
    
    #post-387 .post-meta{
      display:none;
    } 
    
    #post-393 .page-content .wp-image-414{
      display: inline-block;
       margin: 5px auto 5px 377px;
    }

    Let me know if you need some changes :slight_smile:

    Cheers, Sajid

  • Wheel of Commerce

    Hi, man! Thanks for answering so quickly. :slight_smile:

    There're still some of them there:

    1)[...] Also, the "Back this project" button near it is unaligned with the box beside it.

    2)[...] and centralize the "Fundraising" title in its white box?

    3)Is there a way to make the font in those texts just a bit bigger?

    4)At the coming soon page, you can see that there's a huge empty area across that Paypal clickable image that's also clickable. How can I get only the image itself to be clickable?
    This one is now behaving really oddly, as the issue seem to have been fixed for the right empty aread of the image, but if you pass the mouse over the left empty area, you'll see that, at some points, it's clickable, so I have no idea what's going on here.

    Thanks again.

  • Sajid

    Hi @Gabriel

    Hope you are doing good today :slight_smile:

    I am sorry for terrible delay here, apologize.

    1)[...] Also, the "Back this project" button near it is unaligned with the box beside it.

    Please provide screenshot of this button where is it now and where it should be. It will be extremely helpful for me to give you exact code to fix it.

    2)[...] and centralize the "Fundraising" title in its white box?

    Fixed by updated the existing code with below one.

    .page-id-393 .row-fluid .span8 .page-heading h1, #post-387 .post-heading h1{
      font-weight: 800 !important;
      text-align: center;
    }

    3)Is there a way to make the font in those texts just a bit bigger?

    Fixed. Added below code in custom css box. Increase decrease number to adjust the size.

    #post-387 .post-content input,
    #post-387 .post-content select,
    #post-387 .post-content textarea
    {
      font-size:18px;
    }

    4)At the coming soon page, you can see that there's a huge empty area across that Paypal clickable image that's also clickable. How can I get only the image itself to be clickable?
    This one is now behaving really oddly, as the issue seem to have been fixed for the right empty aread of the image, but if you pass the mouse over the left empty area, you'll see that, at some points, it's clickable, so I have no idea what's going on here.

    Fixed. Added below code in custom css box.

    #post-393 .page-content code{
      width: 100%;
      background: none;
      border: 0px;
      display: inline-block;
      text-align: center;
    }
    #post-393 .page-content .wp-image-414{
      display: inline-block !important;
      margin: 0px auto !important;
    }

    Take care and have a nice day :slight_smile:

    Cheers, Sajid

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.