Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › Reply To:

March 25, 2018 at 6:01 am #268836
noidea
Participant

First of all, please excuse me for my not so good english.

I have a WordPress-based website, but sometimes I’m contributing on someone else’s Drupal site. Some things are different there and I’m somehow trying to make posts to look like on my site, but I’m not allowed to edit the Drupal site’s CSS.

I’m particulary interested in making image captions with borders on the drupal site in a same way as they appear on the WP site.

On the Drupal site, the captions below the images are produced automatically from img title (class img_description), but I don’t like the way they look. I preffer the WP look.

Please, see the printscreens for comparison:

I tried to solve the problem by adding a style tag to the posts, so I can design them the way I want. I know that overriding the default CSS is not right, but I have no other options.

I took the HTML of my WP posts, I edited them a little bit and I pasted it into the Drupal posts. I was able to (more or less) recreate the design of my WP posts on the Drupal site.

However, this looks good only in Chrome and Firefox, but when I open the posts in Internet Explorer, it says that there are errors and it switches to Compability Mode and it displays them in a messed up way.

Also, the page looks messed up when viewed on a smartphone (I guess it’s because it loads the Drupal site’s mobile.css).

In WP, the image captions are produced by the shortcode:

[caption id="attachment_number here" align="" width=""] Caption text blah-blah[/caption]

When you check the HTML code in a browsers (CTRL+U), it shows a div at that place.

I copied this div in Drupal post, I edited it and added style code on top and it looks fine in Chrome and FF, but not in IE and mobile, so it seems that I’m near the solution, but I’m missing something.

Please tell me, what would be a better way to do this?

And is there a way to stop mobile.css from loading for a particular post by adding a certain line in it?

Thank you very much.