Citi Theme Change height of theme breaks

[progressive01 20]

Hi,

 

I am using citi theme and want to specify the height of the image breaks used. I have tried many options and really looked into the CSS, I have got the masthead working OK, but the breaks are just baffleing me.

 

I can get the break space to go to a set height with the code

 

.citi-break-4 {height: 500px !important;}

 

but the image stays the same height. I would really appreciate some help to solve this. Here is the site (still in draft mode)

 

 

with the first break showing the issue.

 

Any help greatly appreciated

[James B 436]

Admin note: moved into the Theme developer forum

[progressive01 20]

Admin note: moved into the Theme developer forum

Hi James,

 

Nick has said he does not have the capcity to answer such questions on his products - understandably. Can I please ask it is returned to general forum as I have had similar questions answered there in the past when using the base theme. I really have tried heaps of options and I am only doing as a last resort - maybe it just isn't possible but would appreciate some help.

[progressive01 20]

Not to worry, I have changed the layout so that the breaks no longer span the entire width to mitigate againist this. 

[beardedavenger 158]

I recommend you use inspector and learn some CSSS so you can adjust the things you need.

[progressive01 20]

Thanks Nick - it was really a last resort asking. Hopefully all the sites I have built using pageines and the heaps of products I buy show this as I ask rarely unless really stuck. I had just started to wonder if this was possible.

 

But I have resolved through a layout change, which works really well when you have images as breaks that need a larger amount shown on a larger screen to look effective, i.e. if a subject matter not a pattern.

 

I really like this theme.

 

Marked as resolved.

[beardedavenger 158]

I opened up inspector, and changed the height within 1 second. Of course it can be done, and is really, really basic CSS. .citi-img-wrap, it's height is 300. I changed it to 600, and works just as you'd expect. 

[progressive01 20]

Thank you, very simple I agree.