[klrouth]

What code can I put in the custom CSS to remove the default theme border from all images?

[Sakin]

@klrouth: there are so many places you need to remove. Try the following css:

.post .post-thumb a,
.entry-content img {
border: none;
}


[rbrt_bene]

Helo,

Is there a possibility (CSS code) to remove the image borders (shadow) only from pages, not in the entire website?

I use Catch Everest Pro.

Thank you

Robert

[Sakin]

@rbrt_bene: Yes you can. Can you send me your page url.

[rbrt_bene]

My page is password protected before launch. The page is the standard Catch Everest Pro theme. I need to disable border for images only in pages, not in other areas of the site.

Thank you,

Robert

[Sakin]

@rbrt_bene: there is no border in the images in the page of Catch Everest Pro theme. But yes there is box shadow. If you want to remove that then you can add the following css in “Appearance => Theme Options => Custom CSS” box.

.page .entry-content img {
    box-shadow: none;
}

[rbrt_bene]

Thank you very much Sakin 🙂 it worked.

I would like to ask you one more thing: I am inserting some more photos in pages and in order to be able to align them more efficiently I inserted a table and into the cells I put the pictures.

This works great with a small issue, that in the browser there are some thin lines appearing which separates the rows. See the screenshot: https://www.dropbox.com/s/lbyc9ra6p7s0qjg/Screen%20Shot%20lines.png

Is there a way to make them disappear?

Thank you again for the excellent support.

Robert

[Sakin]

@rbrt_bene: I need to look at that page. So, can you send me the url of that page.

[rbrt_bene]

Dear Sakin,

As I mentioned before, the website is password protected before launching. for this purpose only I will provide the password so that you could analyze it.

I have two pages where thin lines can be seen above and below the pictures, because the pictures are placed in tables:

https://www.theautoexperience.ro/marci-auto/

https://www.theautoexperience.ro/modele-audi-test/

The site password is: “test”

I would also like to ask you how can I align to center the table on page: https://www.theautoexperience.ro/marci-auto/. I tried to align center the table into the page, but in browser appears aligned to left anyway.

Thank you in advance,

Robert

[Sakin]

@rbrt_bene: To remove the border you can add the following css in “Appearance => Theme Options => Custom CSS” box

.entry-content table,
.entry-content td {
	border: none;
}

But for the table center in the page https://www.theautoexperience.ro/marci-auto/ . I am not sure that you have done. You don’t need to add align center in your table. I think removing that will make the table spread full width and no need for center. I am not so aware of table much so cannot help you much.

[rbrt_bene]

Thank you very much Sakin. It worked perfectly.

I will try not to set the table to the center, hope that will solve the issue.

Regards,

Robert

[azizwaing]

Hi Sakin, if you look at my home page, is there a way to make the box shadow around my featured image header disappear so it looks integrated with the entire page? Thanks

[Sakin]

@azizwaing: You need to add in your site URL so that I can check in.

[rbrt_bene]

Hy again,

Is there a way to have shadows for pictures just on certain pages?

Thank you in advance,

Robert

[Sakin]

@rbrt_bene: Yes, you can add page specific CSS in your Custom CSS box.

[rbrt_bene]

Can you please send me such CSS?

[Sakin]

@rbrt_bene: I need those page urls.

[rbrt_bene]

the page link is: https://www.theautoexperience.ro/despre-anvelope/
password: test

thank you

[Sakin]

@rbrt_bene: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
.page-id-1873 #main .entry-content img { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }

[rbrt_bene]

Thank you Sakin, it works perfectly.

Regards,

Robert

[Author]

Posts