Since we switched to CDN a long time ago and demo import files are not bound to the download file, we regret to inform you that at the moment Bridge users won't be able to do demo import.

This problem is reported and technical service from CDN is working on fixing this issue.

We hope it will be resolved in less then 24hours Thank you for understanding.

Okay
  Public Ticket #1763547
Theme Bridge Coach
Closed

Comments

  • DakkoN started the conversation

    How do i change the pink color in coach theme from bridge ? 

    Attached files:  Screenshot_1.png

  •  1,030
    Qode replied

    Hello there,

    Welcome to your support management and thank you for choosing our theme!

    You can try changing this color from Qode Options > Header > Header Top 

    If that doesn't work, please provide us your website URL, so we can investigate on this further

    Best regards,

    Nicolas


    Customer Support

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    Hello Nicolas,

    Did not work.

    Website: dakkontv.com.br

    Attached files:  001 site.png
      002 site.png

  •  1,030
    Qode replied

    Hello,

    When i open URL you provided i got this

    Could you please provide us with your wp-admin details so we can log in and investigate on this further?

    Best Regards,

    Nicolas


    Customer Support

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  •   DakkoN replied privately
  •  1,030
    Qode replied

    Hello, 

    I see that you have some custom css here. 

    It's located in located in Qode Options > General > Custom Code. Remove that and pink line will be deleted. 

    Let us know if there is anything else.

    Best Regards, 

    Nicolas


    Customer Support

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    Hello, How can I put a twitch tv icon on my page?
    I do not find this option according to this video: youtube.com/watch?v=75Sc7qOTF-0

    "Adding Social Icons to Widget Areas"

    https://imgur.com/a/HcdK74s


    I have many doubts, for me this is all new and I am feeling very lost. Do I need to have a copy of WPBAKERY? When buying the theme, I received a lisceça, this is not good?

  • DakkoN replied

    Hello, I have completed the deletion of all material from the site and the puglins and reinstalled the theme, after all this process. The Back end editor option appeared. But in the part where I choose social icon, it does not have the option of the icon of twitch.tv.

    https://imgur.com/a/PIUFIx2

  •  1,030
    Qode replied

    Hello, 

    For WPBakery follow this instructions. 

    You need to install classic editor or update WPBakery to 5.6 version.

    Because word press 5.0 is using Gutenberg editor by default.

    https://www.codeinwp.com/blog/wordpress-5-0-rc-classic-editor-until-2022-gutenberg-accessibility-december-2018-wordpress-news/  you can see it here.

    To update WPBakery  you need to download it from this Dropbox link https://www.dropbox.com/s/kgvqsdna2cflsda/js_composer.zip?dl=0 extract it and insert in \wp-content\plugins.

    And if you decide to update WPBakery then when you do it go to this link and follow guide.

    https://wpklik.com/wordpress-tutorials/how-to-keep-wordpress-classic-editor/

    For twitch icon use shortcode called icon. And in a list find fa-twitch. 

    https://www.screencast.com/t/6JJ4d0ydUDhT

    https://www.screencast.com/t/48dDCWccKtv

    Let us know if there is anything else.

    Best Regards!

    Nicolas




    Customer Support

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    I can not understand why it gets normal on the test page and when copying the code to the Widget it gets smaller?

    Attached files:  123.png

  • DakkoN replied

    Hi again nicolas!

    Where i change this color ?

    Attached files:  222.png

  • DakkoN replied

    Where i change this background ?

    In menu "about"

    Attached files:  3333.png

  •  1,030
    Qode replied

    Hello,

    1) What gets smaller? 

    2) That circles are picture background. 

    Change color of picture we sent you and upload it to your wp-library.  And then insert this css to your Appearance > Customize > Additional CSS 

    .list.circle ul>li {
    background-image: url(img/list_circle.png) !important;
    }

    change url to url of image that you upload.

    3) Could you give us wp-admin details. This you provided earlier are not working anymore. So we can login and investigate on this further

    Best regards,

    Nicolas

    Attached files:  list_circle.png


    Customer Support

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  •   DakkoN replied privately
  • DakkoN replied

    1) Twitch icon. (in the page test , as you can see, the icon is normal and the botton page, he is so little)

    2) Did not work.

  • DakkoN replied

    I) How i remove this botton ?

    Attached files:  Screenshot_1.png

  • DakkoN replied

    II) Hi, how i change the color of this background?

    location: Form from contatc page

    Attached files:  Screenshot_2.png

  • DakkoN replied

    III) hi, where i change this ?

    Attached files:  Screenshot_3.png

  • DakkoN replied

    IV) May i change the picture in gallery in some place ?

    For example: I click on edit and it is replaced by the old image.

    Or would I have to make use of FTP to exchange for a different photo for another, but both with the same name?

    Attached files:  Screenshot_4.png

  •  1,030
    Qode replied

    Hello,

    1) For this color. 

    222_522.png

    We inserted this css to your Appearance > Customize > Additional CSS 

    .q_list.circle ul>li:before {    background-color: green !important;}

    2) Icon size this css code.

    .qode_icon_shortcode a {    font-size:unset !important;}

    3) To change that background when you go to edit about page click pencil icon on first row to open settings.

    8009067041.png

    Then click design options and there you will find option to remove that one and upload another one with that green +.

    7100879803.png

    4) To remove that button you need to goo to Appearance > widgets find Header Bottom right and delete that text widget. But make a backup of that code first in case you want it back again. 

    6230476784.png

    5) Go to edit your contact page. Find row that holds contact form at bottom. Click on pencil icon to open settings, then click design options and there you will have background option. Change that pick color to color you want. 

    4983132149.png

    6) Go to Appearance > Widgets find footer column 3 and edit that text widget.

    6604725467.png

    7) You cant replace image by clicking edit. To replace it with same name and same path that is stored you need to connect with your FTP and navigate to wp-content\uploads there you have folders by date you uploaded images. Picture that you made screenshot is in 2016. Find it three and replace it with image you want and have same name and type of image.

    Let us know if there is anything else.

    Best Regards,

    Nicolas


    Customer Support

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  •  1,030
    Qode replied

    Also, if it’s not too much trouble, we’d really appreciate if you could rate our theme on ThemeForest. Just visit the following link and select five stars next to our theme’s name: http://themeforest.net/downloads 

    This way you’ll be helping us improve our support services and make them even more efficient. 

    Thank you in advance!

    Best Regards,

    Nicolas


    Customer Support

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    solved

  • DakkoN replied

    2) Done! (voted)

  • DakkoN replied

    solved

  • DakkoN replied

    solved

  •  1,030
    Qode replied

    Hi,

    Thank you for voting. we appreciate it.

    Let us know if  there is anything else.

    Best Regards!

    Nicolas


    Customer Support

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    Hello Nicolas.

    How i change this background ? "Twitter feed"

    I tried to change for the same reason you showed me the other form and nothing happened.

    I even switched to ftp before I started using this support. 

    Attached files:  Screenshot_1.png

  •  1,030
    Qode replied

    Hi,

    It is this background. 

    2061119382.png

    Change that and that image will be changed.

    8463280945.png

    This is path of that image 

    https://dakkontv.com.br/wp-content/uploads/2016/08/parallax-e1544979756540.jpg
    

    It's a lot easier to just upload your image and set it as background, then to insert it with same path with FTP.  But if you want same path it need to be the same. You cant miss any letter. 

    Let us know did you manage to solve problem.

    Best regards,

    Nicolas


    Customer Support

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    Hello, 

    How do I solve this problem?

    I would like to increase the size of the background image so that the testimonial writing does not look this way.

    Attached files:  Screenshot_1.png

  •  1,030
    Qode replied

    Hello,

    insert this custom css code to your  Appearance > Customize > Additional CSS 

    .testimonials_c_holder .testimonial_content_inner {
            height: 568px !important;
    }

    If this is not what you wanted then please make a screenshot how you want it to look. 

    Best Regards,

    Nicolas


    Customer Support

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    That way it sounded cool, letting all testimonials stay the same size, but, it was not the way I wanted it .... I would like it with a larger margin of space at the end of the testimonial, looking just like on the top and bottom. ... same proportion.

    Attached files:  Screenshot_2.png

  •  483
    Qode replied

    Hi,

    Sorry for the late response.

    Try this custom css instead. Include it in Appearance > Customize > Additional CSS and review.

    .testimonials_c_holder .testimonial_content_inner {
    height: 420px !important;
    }

    Let me know how it went and if you need any further help.

    Happy New Year!
    Sasha S



    Customer Support

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    Hello Sasha, it was very good, but there is a problem.

    cut the letter .... neither appears the option to click to see more or appear the whole text without cutting. I would like everything to appear and still have this space that is in the moment.

    Attached files:  erro.jpg

  • DakkoN replied

    Have discord icon ?

  •  1,353
    Qode replied

    Hello,

    1. First testimonial have too much test. Please try with this one:

    .testimonials_c_holder .testimonial_content_inner {
        padding: 0 5px !important;
    }
    .testimonials_c_holder .testimonial_content_inner .testimonial_author {
        margin-top: 10px !important;
    }
    .testimonial_text_inner p {
        min-height: 180px !important;
    }

    2. Unfortunately, we don't have this icon. Try to add it as png image with single image element or image with hover element.

    Best regards,

    Daniel

    Customer Support

    \r\n

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    Hello Daniel ,

    how do i justify text on testimonial ?

  •  1,353
    Qode replied

    Hello,

    You can add this snippet to Qode Options>General>Custom Css:

    .testimonial_text_inner p {
        text-align: justify;
    }

    Best regards,

    Daniel

    Customer Support

    \r\n

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    SOLVED

    Attached files:  Screenshot_3.png

  •  1,353
    Qode replied

    You're welcome.

    Thanks for using our theme.

    Best regards,

    Daniel

    Customer Support

    \r\n

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    Hello Daniel!

    How i remove this?

    Attached files:  Screenshot_1.png

  •  1,353
    Qode replied

    Hello,

    Please add this snippet to Qode Options>General>Custom Css:

    .latest_post_two_info {
        display: none !important;
    }

    Best regards,

    Daniel

    Customer Support

    \r\n

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    Hello, how do I align the logo?

    just as the icons on my social networks, along with the copyright, are already aligned.

    Attached files:  Screenshot_1.png

  • DakkoN replied

    Hi,

    how i remove this star ranking?

    Attached files:  Screenshot_1.png

  •  1,353
    Qode replied

    Hello,

    1. Add this snippet to Qode Options>General>Custom Css:

    .column1.footer_col1 img {
        position: relative !important;
        top: -20px !important;
    }

    2.Please edit your testimonials element and remove star rating:

    https://www.screencast.com/t/iwVFJYv7JDd

    Best regards,

    Daniel

    Customer Support

    \r\n

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    Thx.


    But how do I put a space in the place that was of the stars?

    Attached files:  111.png

  • DakkoN replied

    Hi

    Still misaligned.

    Attached files:  222.png

  • DakkoN replied

    I tried putting the option of the custom css code in appearance and resolved.

    Presentation> Customize> Additional CSS

    Now at the moment, it is only necessary to put a space in the place that the stars were. For the phrase was attached to the title and when there were stars there is a spacing of the title.

  •  1,353
    Qode replied

    Hello,

    Please try with this snippet in Qode Options>General>Custom Css:

    .testimonial_title_holder h5 {
        margin-bottom: 20px !important;
    }
    Best regards,

    Daniel

    Customer Support

    \r\n

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    Nice, thx!

    And what about the doubt below?

    ==> 2. Unfortunately, we don't have this icon. Try to add it as png image with single image element or image with hover element.

    Best regards,

    Daniel <==

    I tried to do what he recommended, but I could not.
    see how it went.

    https://dakkontv.com.br/test-page/

  •  1,353
    Qode replied

    Hello,

    I set custom icon size, alignment, extra class and added this snippet of code:

    https://www.screencast.com/t/A5TQjSyT

    https://www.screencast.com/t/Yf9ZBJKHTR1

    .custom_icon {
        display: inline-block;
        position: relative; 
        top: -10px
    }

    If you want to include hover for this icon, please use image hover element and set second image with orange color as hover state:

    https://www.screencast.com/t/94hVIn2J95Kh

    In this case upload  images with exact dimensions 32 x 32px

    Best regards,

    Daniel

    Customer Support

    \r\n

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    1) Hello.

    I tried to put an image as it spoke in hover mode, but it got too big. The option to choose size does not appear in the image.

    It will go along with my social networks, redirecting to my Discord server.

    Attached files:  Screenshot_1.png

  • DakkoN replied

    2) I tried to change my image from contact page "CONTATO"

    Attached files:  save2.png

  • DakkoN replied

    3) Did you have whatsapp icon ?

  • DakkoN replied

    4) Can i use this "Contact Form 7" to my landing page?

    When the lead send a e-mail, he receives an email confirming receipt along with the attachment sent there.

    "Email successfully sent, check your inbox to download your e-book"

  •  1,353
    Qode replied

    Hi Dakon,

    1. Your image is too large. You have to use image with exact dimensions: 32x32px.

    You have to use additional code to set icon dimensions, i set icon id to column:

    https://www.screencast.com/t/3wQ9Uius19

    And this snippet to page css:

    #icons_set .image_hover  {
         width: 32px ;
         position: relative;
         top: -8px !important;
         left: 18px !important;
    }

    If you planning to place this code to widgets, please add this code to Qode Options>General>Custom Css

    This also means for your img on contato page -don't use large image for this purpose. But I added  column id and this code in page css:

    #discord .image_hover  {
        width: 70px !important;
    }

    2. Yes you can use what's up icon as you can see in screenshot:

    https://www.screencast.com/t/YhOtxpNpJ

    3. Unfortunately such an option does not exist fro Contact form 7.

    Best regards,

    Daniel

    Customer Support

    \r\n

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    Thank you !

    When trying to make the change by 32x32 and insert the image in the requested size, I do not know why, the image remains below instead of the social media icons.

    Attached files:  Screenshot_1.png

  • DakkoN replied

    I tried to make this modification is correct?

    Some alert icons appear.

    Attached files:  Screenshot_2.png

  • DakkoN replied

    As you requested, I added here too.

    Attached files:  Screenshot_3.png

  • DakkoN replied

    As you asked, I put the image in 32x32 size, but it looks smaller than the others. Should she create her a little bigger? Or is it possible to resize it in CSS code?

    Attached files:  Screenshot_4.png

  • DakkoN replied

    As you can see, on the "contact" page. The icon and the writing is misaligned, could you tell me how to correct the alignment of the text and image?

    Attached files:  Screenshot_5.png

  •  1,353
    Qode replied

    Hello,

    1. Please add a little bit bigger icon for this issue:

    https://www.screencast.com/t/4uXFaWVWb9hl

    2. Did you managed to resolve this issue:

    https://www.screencast.com/t/SRspKEHaom

    3. To remove alerts from the code, just delete  !important rule/

    Best regards,

    Daniel

    Customer Support

    \r\n

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    I managed to align the discord image, but I could not align the text as you can see.

    Attached files:  Screenshot_1.png

  • DakkoN replied

    I could not regularize the widget part.

    The icon was not aligned, the discord icon was on the bottom line.

  •  1,353
    Qode replied

    Hello,

    1. Define larger empty space value below icon hover element:

    https://www.screencast.com/t/nGNzu8bFDY

    2. I set shortcode in custom html widget and added this snippet in general custom css field

    .column2.footer_col2 .image_hover {
        width: auto;
        top: -8px;
        left: 10px;
    }
    

    Best regards,

    Daniel

    Customer Support

    \r\n

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    Hello Daniel! Good morning!

    How are you ?

    I do everything you say.


    I've corrected text alignment as shown in your image below, but the hover image remains misaligned.

    Attached files:  Screenshot_1.png

  • DakkoN replied

    I'm having another problem.

    When trying to resize the image as you told me.
    32x32, 34x34, 38x38, 40x40, 60x60.
    All remain the same size.
    You can check that on the test page, I put a 32x32 next to a 60x60 image and the size stayed the same.

    Attached files:  Screenshot_2.png

  •  1,353
    Qode replied

    Hello,

    1. Add this snippet to Qode Options>General>Custom Css:

    .page-id-154 .image_hover { position: relative;
    top: -10px !important;
    }

    2. Remove the width of 32px I defined in page css:

    https://www.screencast.com/t/KWsIUHnTbZ

    Best regards,

    Daniel

    Customer Support

    \r\n

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    Hello,

    Item 1 didint works, and the second i change the html code to another image 38px and works very well.

    Nothing happen

    .page-id-154 .image_hover { position: relative;
    top: -10px !important;
    }
  •  1,353
    Qode replied

    Hello,

    You missed closing curly bracket for code above, I added it there:

    https://www.screencast.com/t/4iroxB7D

    Please check your website now.

    Best regards,

    Daniel

    Customer Support

    \r\n

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    Hello Daniel,

    Continuous misalignment.

  • DakkoN replied

    Hello

    I copied your html code from the widget page and it did not work with the social media icons.

    Attached files:  Screenshot_3.png

  •  1,353
    Qode replied

    Hello,

    You pasted code from pages incorrectly, your rows and columns on under construction were messed, 

    https://monosnap.com/file/Q1EZqD71xcU40FCiXrMpPSPlXDdr0D

    so I have to create entirely new page with correct rows and columns and paste the code from test page.

    Please check your under construction page now.

    Best regards,

    Daniel

    Customer Support

    \r\n

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    Thx Daniel,

    but , and the rest ?


    You replied

    Hello Daniel,

    Continuous misalignment.

     1,298
    Qode replied

    Hello,

    You missed closing curly bracket for code above, I added it there:

    https://www.screencast.com/t/4iroxB7D

    Please check your website now.

    Best regards,

    Daniel

  • DakkoN replied

    Hello Daniel,

    Continuous misalignment.

    Attached files:  Screenshot_1.png

  •  1,353
    Qode replied

    Hello,

    Just try to change values for icon width and position, and also for empty space below

    for example try with this one.

    .page-id-154 .image_hover {
        position: relative;
        top: -5px ;
    } #discord .image_hover {
        width: 72px;
    }

    If the issue persists, please try with different values for top and and width.

    Best regards,

    Daniel

    Customer Support

    \r\n

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    Hi Daniel,
    No matter what value I put, the image does not move.

    i make a lot of test with -500 , 5000, -300 , 10, -5

    Regards.

  •  1,353
    Qode replied

    Hello,

    I changed theme css

    https://www.screencast.com/t/3qFDZCnjp

    Please check now.

    Best regards,

    Daniel

    Customer Support

    \r\n

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    Thank you Daniel!

    That worked!

  •  1,353
    Qode replied

    You're welcome.

    Customer Support

    \r\n

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    Hello Daniel,

    After updating my bridge theme, my testimony it was like this.

    Attached files:  Screenshot_1.png

  •  1,353
    Qode replied

    Hello,

    We found that the issue is caused by  flexslider  script - WPBakery plugin still uses older flexslider script, which overrides the script from our theme, which has been updated in the latest theme version. The temporary solution until WPBakery developers update specified script is to open functions.php file, find and rename 'flexslider' to something else, for example 'bridgeflexslider' on this line: 

    https://monosnap.com/file/HGTpKswOekdfONf8tMoHtfyPpMV94k

    Save modified file and upload it to server via FTP, or edit the functions.php file under Appearance -> Theme Editor. 

    We have contacted WPBakery developers regarding this, hopefully they will include updated script in the next theme update. If you want us to implement this temporary fix for you, send us FTP credentials in private reply

    Best regards

    Daniel

    Customer Support

    \r\n

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • DakkoN replied

    Thank you.

    it worked!

  •  1,353
    Qode replied

    You're welcome.

    Customer Support

    \r\n

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!