Advanced search  

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Pages: [1]   Go Down

Author Topic: How to Make Curve Theme Responsive  (Read 1233 times)

0 Members and 1 Guest are viewing this topic.

nootkan

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 24
How to Make Curve Theme Responsive
« on: December 30, 2021, 02:42:09 am »

Was wondering if someone could help me to make the Curve theme completely responsive. 

Right now everything seems to look good at 620 or less except for the tables category, random files and last addition. 

I've tried various media queries but not sure which table controls those three.  Tried using cpg_main_block_inner1, cpg_starttable_outer, cpg_starttable_inner, and cpg_starttable_inner2 inside a media query with no success.

Maybe another set of eyes can help me out while I keep at it. 

Thanks
https://www.grstreamkeepers.com
Logged

nootkan

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 24
Re: How to Make Curve Theme Responsive
« Reply #1 on: December 30, 2021, 03:44:09 am »

So here is what I've tried that seems to work down to 514px for the category table but not the others:
Quote
@media only screen and (max-width:620px) and (min-width:320px){table.maintable{width:30%;}}

Ideally I'd like the tables to resize down to 320px if that is possible.
Logged

nootkan

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 24
Re: How to Make Curve Theme Responsive
« Reply #2 on: December 30, 2021, 04:49:25 am »

So what I think now is that I have to somehow change the colspan size from 4 to 3 or 2 depending on the break point within my media query. 

So far I've tried this:
Quote
table td[colspan="3"]
but not sure how to style it properly with css.

I will get some sleep and try again tomorrow.
Logged

nootkan

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 24
Re: How to Make Curve Theme Responsive
« Reply #3 on: December 30, 2021, 09:20:14 am »

Well I would rather style the theme but for now I will use the configuration settings in admin to have only 2 columns until I can figure out how to use css to do it.  Still isn't close to what I want so if anyone else can provide another way to do this that would be great.  Might have to start all over with a new theme if I can't achieve what I want but not sure I have the time.
Logged

nootkan

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 24
Re: How to Make Curve Theme Responsive
« Reply #4 on: December 31, 2021, 02:23:47 am »

Decided to customize the free theme from Monica N Design for coppermine instead of trying to revamp this theme.  Turned out to not take much time after all.  You can mark this thread as resolved.
Logged
Pages: [1]   Go Up
 

Page created in 0.017 seconds with 19 queries.