Need CSS help for 1 Page

Can someone help me with css for one page? I don't want to change the images sizes and formats of my listings, etc. but I want to change the size of the images and columns on this page http://infertilitysurvivalkit.com/community-2/ so on the mobile I can have 2 columns. Does anyone know how I would change the CSS to make this happpen?

Also, is it possible to add an iFrame so when they click on the post to read more, it doesn't get taken away from the overall site?

Thanks in advance.


Lisa

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 480px){
.AtomicReach img {
width: 50%;
}
.AtomicReach h2 a {
font-size: 13px;
}
.AtomicReach p {
font-size: 10px;
}
ul.ARPostListV li {
width: 100px;
}
}

Adjust its value as per your requirements.


And can you please explain your second issue little more, I think you are talking about to open link in new tab. For this you can use

Code:

TARGET="_blank"

in your code to open it in new tab.