/blogger/community?hl=en
This content is likely not relevant anymore. Try searching or browse recent questions.
-
how can i add CSS code to my posts not to the Theme or layout of the blog ? 0 Recommended Answers 5 Replies 7 Upvotes
1 Recommended Answer
$0 Recommended Answers
1 Relevant Answer
$0 Relevant Answers
, how can i add css code to my  blog to apply it on my posts not on the Theme or layout of the blog , for example i want to include a specific table in a post and i want to customize its shape directly through CSS codes  because it is very hard to go to every ( tr , th ,td )t o put its own CSS in its html tag . 
I tried a way such that i go to Theme -> Edit Html  then i paste the code of CSS before  ]]></b:skin>  the i saved it . after that i went to my post  and in the page of html i made a div contains style attribute and i put the name of the CSS class which i added  before . but on effect occurs on the post .
is there a solution ?
 i want to post a table like this one 

i want to know where can i add this CSS code :

#customers {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}
Details
Most Relevant Answer Most Relevant Answers (0)
All Replies (5)
Most Relevant Answer
Hi..

At your post with tables add the id of customers so it will look like this in HTML mode..

<table id="customers" .... >

Then publish the post.

Then go to Theme > Customize > Advanced > Add CSS > then paste your custom table css here...

Click Apply to Blog
Preview your changes

Regards
+irsah
marked this as an answer
Most relevant based on info available
-
Most Relevant Answer
i did what you tell me but it does not work and there are screen shoot for what i did:

1 - i put the html code 


2- then i published the page and went to add css and put the code:

3- and i applied to blog and this was the final view in my blog:

so, where is the problem here . should i use different templete
marked this as an answer
Most relevant based on info available
Most Relevant Answer
Sorry not much of help as no url is given..

Check that if your custom CSS is correctly Saved at Add CSS box.

Since thay no url was given, its hard to check if it was applied correctly or not.

Regards
+irsah
marked this as an answer
Most relevant based on info available
Most Relevant Answer
Here is the url of my blog

https://bishooboost.blogspot.com/?m=1
marked this as an answer
Most relevant based on info available
Most Relevant Answer
Sorry I do not understand arabic and can not figure out where you have added the custom table of yours.

You need to publish the post and share the url to this post in order to see the results and for others to help you.

Regards
+irsah
marked this as an answer
Most relevant based on info available
This question is locked and replying has been disabled.
Discard post? You will lose what you have written so far.
Write a reply
10 characters required
Failed to attach file, click here to try again.
Discard post?
You will lose what you have written so far.
Personal information found

We found the following personal information in your message:

This information will be visible to anyone who visits or subscribes to notifications for this post. Are you sure you want to continue?

A problem occurred. Please try again.
Create Reply
Edit Reply
Delete post?
This will remove the reply from the Answers section.
Notifications are off
Your notifications are currently off and you won't receive subscription updates. To turn them on, go to Notifications preferences on your Profile page.
Report abuse
Google takes abuse of its services very seriously. We're committed to dealing with such abuse according to the laws in your country of residence. When you submit a report, we'll investigate it and take the appropriate action. We'll get back to you only if we require additional details or have more information to share.

Go to the Legal Help page to request content changes for legal reasons.

Reported post for abuse
Unable to send report.
Report post
What type of post are you reporting?
Google takes abuse of its services very seriously. We're committed to dealing with such abuse according to the laws in your country of residence. When you submit a report, we'll investigate it and take the appropriate action. We'll get back to you only if we require additional details or have more information to share.

Go to the Legal Help page to request content changes for legal reasons.

Reported post for abuse
Unable to send report.
This reply is no longer available.
/blogger/threads
//accounts.google.com/ServiceLogin
You'll receive email notifications for new posts at
Unable to delete question.
Unable to update vote.
Unable to update subscription.
You have been unsubscribed
Deleted
Unable to delete reply.
Removed from Answers
Marked as Recommended Answer
Removed recommendation
Undo
Unable to update reply.
Unable to update vote.
Thank you. Your response was recorded.
Unable to undo vote.
Thank you. This reply will now display in the answers section.
Link copied
Locked
Unlocked
Unable to lock
Unable to unlock
Pinned
Unpinned
Unable to pin
Unable to unpin
Marked
Unmarked
Unable to mark
Reported as off topic
/blogger/profile/0?hl=en