Search Results for 'css'

Hey Vlad,

Thankfully, I’ve managed to sort out my First Query. The Front Page is now in accordance with the rest of my pages.

However, the video component is still not showing up right on the mobile version. Here is a link to one of our video articles to check it out:

https://mouthingoffmagazine.com/mouthing-off-artists-spotlight-irene-shoshanne-carlucci/

While I’ve got you here though, there are a few more things I have noticed, that I’m having a difficulty solving.

1) In our contacts page I have placed my volunteering staff’s dedicated email addresses using the social media/mail icon. However, upon clicking the icon (which has the appropriate email attatched to it) it just comes up with a 404 error rather than opening up my mail to send an email.

Here is a link to see what I am talking about: https://mouthingoffmagazine.com/contact/

2) I have created a sidebar that I have placed for our articles. While I have changed the header style of the headers to match our theme, I have been unable to find an option to change the colour of the header to match the headers on our front/home page. (See First Link (Video) to see this sidebar)

3) I have recently minified our CSS, Javascript, HTML, etc. Using the W3 Total Cache. However, since then I have recieved AMP ‘validated URL’s’ erorr’s with the statement ‘Invalid markup removed’ occuring & my Error Index keeps having Invalid inline script errors, however, these always have the markup status of removed.

None of this seems to be causing any issues to the actual site and it appears to be in perfect working order. However, as someone who is quite new to all of this, I’m a little uneasy as whether this is just a small, insignifcant issue that sometimes occurs after minifying or whether this will cause greater issues down the line.

Apologies for all the questions & thank you for all of your help!

You are terrific; thanks. Just what I was looking for!

BTW, do you have a tutorial for using the Live CSS feature?

SR

Hello
custom additional css is not working in the site….if i add any code of css in the site the changes is not appearing in the site from the frontend. How can i solve this issue?????
code that i added in the custom css code in the theme panel : https://prnt.sc/umblgg
code that i added in the additional css in customize: https://prnt.sc/umbm81
i added the code from the backend as well but does not work:https://prnt.sc/umbo9r
site link:https://thetelegram.com.au/

Hey sir, i jist wanted to ask one more thing. Can we align social icons on the left side of the posts.

Just like this website has done: https://ibb.co/QbH1hS6

Is there any CSS code for this

I am using the above html and css. the table is coming but the css is not working well, what am I doing wrong and how do I get it to work
link to website(last table at bottom): https://www.netsportworld.com/category/football-predictions/
HTML code:
<link href=”//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css” rel=”stylesheet” id=”bootstrap-css”>
<script src=”//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js”></script>
<script src=”//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js”></script>
<!—— Include the above in your HEAD tag ———->

<section id=”tabs” class=”project-tab”>
<div class=”container”>
<div class=”row”>
<div class=”col-md-12″>
<nav>
<div class=”nav nav-tabs nav-fill” id=”nav-tab” role=”tablist”>
Project Tab 1
Project Tab 2
Project Tab 3
</div>
</nav>
<div class=”tab-content” id=”nav-tabContent”>
<div class=”tab-pane fade show active” id=”nav-home” role=”tabpanel” aria-labelledby=”nav-home-tab”>
<table class=”table” cellspacing=”0″>
<thead>
<tr>
<th>Project Name</th>
<th>Employer</th>
<th>Awards</th>
</tr>
</thead>
<tbody>
<tr>
<td>Work 1</td>
<td>Doe</td>
<td>john@example.com</td>
</tr>
<tr>
<td>Work 2</td>
<td>Moe</td>
<td>mary@example.com</td>
</tr>
<tr>
<td>Work 3</td>
<td>Dooley</td>
<td>july@example.com</td>
</tr>
</tbody>
</table>
</div>
<div class=”tab-pane fade” id=”nav-profile” role=”tabpanel” aria-labelledby=”nav-profile-tab”>
<table class=”table” cellspacing=”0″>
<thead>
<tr>
<th>Project Name</th>
<th>Employer</th>
<th>Time</th>
</tr>
</thead>
<tbody>
<tr>
<td>Work 1</td>
<td>Doe</td>
<td>john@example.com</td>
</tr>
<tr>
<td>Work 2</td>
<td>Moe</td>
<td>mary@example.com</td>
</tr>
<tr>
<td>Work 3</td>
<td>Dooley</td>
<td>july@example.com</td>
</tr>
</tbody>
</table>
</div>
<div class=”tab-pane fade” id=”nav-contact” role=”tabpanel” aria-labelledby=”nav-contact-tab”>
<table class=”table” cellspacing=”0″>
<thead>
<tr>
<th>Contest Name</th>
<th>Date</th>
<th>Award Position</th>
</tr>
</thead>
<tbody>
<tr>
<td>Work 1</td>
<td>Doe</td>
<td>john@example.com</td>
</tr>
<tr>
<td>Work 2</td>
<td>Moe</td>
<td>mary@example.com</td>
</tr>
<tr>
<td>Work 3</td>
<td>Dooley</td>
<td>july@example.com</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
CSS code:
.project-tab {
padding: 10%;
margin-top: -8%;
}
.project-tab #tabs{
background: #007b5e;
color: #eee;
}
.project-tab #tabs h6.section-title{
color: #eee;
}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #0062cc;
background-color: transparent;
border-color: transparent transparent #f3f3f3;
border-bottom: 3px solid !important;
font-size: 16px;
font-weight: bold;
}
.project-tab .nav-link {
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
color: #0062cc;
font-size: 16px;
font-weight: 600;
}
.project-tab .nav-link:hover {
border: none;
}
.project-tab thead{
background: #f3f3f3;
color: #333;
}
.project-tab a{
text-decoration: none;
color: #333;
font-weight: 600;
}

We are a team of developers.

class custom_plugin
{
var $plugin_url = '';
var $plugin_path = '';

new custom_plugin();

We are trying to use td_api_single_template::delete() api to delete bunch of unnecessary templates from the site. But it’s not doing anything.

Can you please help us with that?

Thanks

I found a fix, I added the following custom CSS in the theme panel.

.td-vertical-text {
writing-mode: vertical-rl;
}