Add text into Client section

Hi everybody !
I’m stucked on my web page : I want to add a text in the client section instead of a logo (or any image).
How can I do that ?
Thanks in advance for your answers…it will help me a lot !!!

Hello there,

Please take a screenshot and put some annotations to point the exact location where you want to add the text.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

This is the client section.
I want to put text below the title…

Hello there,

Thank you for getting back along with the screenshot.

Try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    ;(function($) {

      'use strict'

      $('<div class="clien-description">Your text goes here</div>').insertBefore('.atframework_clients_widget .client-area');

    })(jQuery);
  1. Update
  2. Add the below CSS code to Appearance > Customize > Additional CSS from dashboard.
    .clien-description {
      color: #fff;
      text-align: center;
      margin-bottom: 40px;
    }

​I hope this reply helps.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

It works fine !!
Thanks a lot !!!

Hi !
I’ve got two problems with the hyperlinks…

1- I’ve added the text in the section with the following javascript code .

;(function() { 'use strict' (‘

We have partners worlwide
3M, Kaz International,…
’).insertBefore(’.atframework_clients_widget .client-area’);
})(jQuery);

In that text, I put an hyperlink for a webpage.
Could you tell me which class can be assign to this hyperlink in order to have the same behaviour of a ‘Service’ hyperlink please?

2- Furthermore, after clicking the button on the header of the page (top of the page), the text of the button becomes blue and underlined after being clicked. I dont know why…
I’ve just added the following javascript code :

;(function() { 'use strict' if( (’.projects-area’).length ){
('.projects-area .project').each(function(){ var projectTitle = (this).find(’.project-content .project-title a’).text();
$(this).find(’.project-content .project-title’).text(projectTitle).css(‘color’, ‘#fff’);
});
}
})(jQuery);

Can you help me for these two isses please ?
Many thanks in advance.
Patrick.

Hello Patrick,

Please paste your final code to https://gist.github.com/ and share the link into it as reply to this tread. So, I can reproduce and debug it on my test site.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Hi !
Thanks for your reply…
Is there another way to send you the export file ?

You can get it via this link :
https://drive.google.com/file/d/1y3VEeLes6ORo0AgQpaEYENCB8vRUrlxO/view?usp=sharing

Hello there,

Thank you for updating me along with the shared file.

However, the XML export file doesn’t work for me, I am afraid :(.

I requested you share the only custom CSS and JS code you applied.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Hi !
Thanks for your message.
The custom javascript code is :

;(function() { 'use strict' if( (’.projects-area’).length ){
('.projects-area .project').each(function(){ var projectTitle = (this).find(’.project-content .project-title a’).text();
$(this).find(’.project-content .project-title’).text(projectTitle).css(‘color’, ‘#fff’);
});
}

})(jQuery);

;(function() { 'use strict' (‘

We have partners worlwide
3M, Kaz International,…
’).insertBefore(’.atframework_clients_widget .client-area’);
})(jQuery);

The custom css code is :

.header-image::after {
content: ‘’;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(37, 46, 53, 0.5);
}
.clien-description {
color: #fff;
text-align: center;
margin-bottom: 0px;
font-size: 25px;
}

.footer-contact-block .fa.fa-phone:before {
content: “\f232”;
}

.partner-link{
text-decoration: none;
color: #fff;
}
.partner-link:hover{
text-decoration: none;
color: #fcd088;
}
.partner-link: visited {
text-decoration: none;
color: #fff;
}

Hello there,

Thank you for sharing the code. I can exactly reproduce it on my test site.

Q1. Could you tell me which class can be assign to this hyperlink in order to have the same behaviour of a ‘Service’ hyperlink please?

Q2. Furthermore, after clicking the button on the header of the page (top of the page), the text of the button becomes blue and underlined after being clicked. I dont know why…

To answer those two queries, I need to check directly on your site. Please share a link to your site here and point me to the “Service” hyperlink area and the button on your header area. If possible, please tak screenshots and put some annotations and share them here as you reply to this thread.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Hello Kharis !

My website is www.import-export-pc.com

The first pb I have is for the button ‘Our Company’.
When I ckick on it, a scroll down is done --> when I scroll up to the button, the text color has changed…

Same behaviour for the hyperlink ‘Kaz International’
image

BTW, do you know how to align the email address with Location and Phone number ?

Many thanks for your help. I really appreciate the time you spend on my problems.

Best regards.
Patrick.

Hello Patrick,

Thank you for sharing the screenshots and adding some more details.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .header-info a:focus, .clien-description a:focus, .header-info a.header-button:focus, .clien-description a.header-button:focus {
    	 color: #fcd088 !important;
    }

Please create a separate topic for your other queries to avoid endless discussion on this topic. Use one topic for one question, so we can easily track progress and help you in a better way. I really appreciate your understanding

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Hi Kharis !
Thanks for your reply…
Concerning the hyperlink, the hover on the link involve an underline style…
Concerning the header button, after clicking, the color font of the text has changed --> the text can is not visible.

Try replacing the code with this one:

    .header-info a:focus, .clien-description a:focus, .header-info a.header-button:focus, .clien-description a.header-button:focus {
       color: #fcd088 !important;
    }

    .header-info a.header-button:hover {
      color: #333 !important;
    }

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Hi !
Thanks for your reply…
It’s worst than before…

Hello there,

​Please accept my apologies for the delay in response. Thank you for your patience.

As checked, the CSS isuses as mentioned have been rectified. Here is the video recording of what I am seeing.

Please confirm whether you still need help with the same or not.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support