Custom CSS help

Posted in: Newspaper
Post count: 101

Hello tagdiv,

I want to show some piece of text to the bottom of all the posts. Im doing it with the help of some plugin and the help of the row element from the visual composer. Everything is working fine. But i was not able to adjust the margins and the paddings. Is it possible to adjust the margins..? Check any posts in http://www.getcooltricks.com . I used the post editor to get the code for the row element with an adunit and a text block for responsive layout. The margin property works fine in that but when i use the same code to display the content after all the post content the margin propert is gone missing. Visual composer writes the custom margins as the post meta data. can i add it to all the posts..

Just need a guidence. Thanks in advance.

Post count: 23312

Hello Pradeep Augustine,

Unfortunately, I do not understand very good what you want to do. Please provide more details about these changes, a screenshot would be more useful (as before the update and how you want to be after update). I need to know these details, so I will able to provide you a more accurate response.

Thank you for your understanding!

Post count: 101

Hope this will explain. I’m inserting a row element from the visual composer in all the posts using ad inserter plugin. The code is given here
[vc_row equal_height="yes" content_placement="middle"][vc_column width="1/2"][td_block_ad_box spot_id="custom_ad_3" spot_title="Advertisement"][/vc_column][vc_column width="1/2" offset="vc_hidden-xs"][vc_wp_posts number="4"][/vc_column][/vc_row]

It shows the result like this

How to add the custom CSS to this particular row that occurs in all the posts. For example how to set the margins for this row. I tried the code given below but this did not show any changes.

[vc_row equal_height="yes" content_placement="middle" css=".vc_custom_1451362361094{margin-top: 15px !important;margin-bottom: 15px !important;}"][vc_column width="1/2"][td_block_ad_box spot_id="custom_ad_3" spot_title="Advertisement"][/vc_column][vc_column width="1/2" offset="vc_hidden-xs"][vc_wp_posts number="4"][/vc_column][/vc_row]

Thank you for the reply.

Post count: 23312

Hello

Please try the code below and place it in Theme panel->Custom CSS area. The result you should see here: http://screencast.com/t/pC16h0c1gwsJ

.code-block-2 {
margin-top:15px!important;
margin-bottom:15px!important;
}

Hope this helps and let us know how it goes!

Thank you for the message!

Post count: 101

Thank you for the reply. The thing is the above solution provided by you didn’t worked. I got some different solution for that. But the problem is, the inserted element overlaps with the post content in the mobile view alone as shown here. How to solve this? Check the screenshot provided below.

In computer

Mobile layout

Thanks

Post count: 7909

Hi,

You have a custom css with fixed height – http://screencast.com/t/BJsTFYS9http://screencast.com/t/TQHyDltR
If you have issues related to the theme please note that we will get in touch with you Monday – http://screencast.com/t/5EQlEtXSFCp

Thanks for understanding! Happy new year!

Post count: 101

Thank you for the help. That fixed the problem.

5 star rating for your support.

Post count: 7909

Glad that we could help! Thank you very much!

Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newspaper’ is closed to new topics and replies.