Additional CSS Issues

Hello,

I am having some additional CSS issues with my website that I need assistance resolving. The issues pertain to code found on protected pages only available to registered users, so I will include the username and password within a secure note below.

Please reference the URL below as well as the attached screenshots for a visual representation of each issue:

https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles-proprietary-access/chipotle/

Issue #1:

As shown in the screenshot below, you will notice that there is a thin white space between the image below and the table I created using TablePress that consists of a single row entitled “Tenant Description.” This table used to be completely flush with the image, as well as the same width (presently, you can see that the table is 2px thinner than the image in the screenshot). Can you help me identify the code conflict, and/or figure out a solution so that I can make this black rectangle flush with the image again? I created a ton of unique tables that all mirror one another in terms of css styling, so even if I have to edit them individually, I should be able to do so pretty easily using the search replace function in MS Word.

Issue #2:

At some point during the tweaking of my website, the top border of all of the tabs within this popular shortcode has disappeared, as shown in the yellow highlighted circle in the image below. Secondly, when I click onto the second tab within this shortcode I used to create the page, you will notice that the left border disappears, again represented within the yellow circle.

Issue #3:

Can you show me how to expand the width of these “tab” shortcode tables so that the content I am pulling from Wikipedia is fully shown on the screen on larger devices (i.e. laptops and larger computer monitors).

Hi @gignnn,

Thanks for reaching out.

Have you fixed the issues? There is no line from my end

And the border is there

Please provide some instructions or video of how to reproduce those two issues.

As for #3, I recommend changing your column to 1/2 + 1/2 instead of 2/3 + 1/3. The next biggest column width is 1/2 any smaller have the same result.

Thanks!

Thanks. I am seeing the issue in Google Chrome. I have not tried to fix it.

EDIT: Ok, I think I finally resolved this issue by simply deleting the cookies in my Chrome browser. Thanks!

You’re welcome!
Thanks for letting us know that it has worked for you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.