Soapboxes Size

[xflame 0]

I want to change the size/height of the soapboxes but i want to achieve this via the Platform Base (Child Theme), so in the future my changes won't be lose in case there's an update to the Platform Pro. Please refer to http://]http://www.pagelines.com/forum/topic.php?id=3465, there Bryan give this solution:

You'll need to go to:
	
	Appearance > Editor > section.soapbox.php
	
	then search for 200 and change to 100.
	
	Thanks, Bryan

To summarize it just want to achieve this via the child theme, have tried the following css but not working:

.fboxgraphic {
		line-height: 100px;
		height: 100px;
	}

Kindly please help. Thanks Donny

[cmunns 16]

Well the fbox graphic selector may not increase the total width of the box. Can you please explain in more detail what you want. The size is changing, but that's all i know and based on the css it seems that you want the graphic taller, but the old thread references width.

[xflame 0]

Just want to decrease the height from 200 to 100.

[bryan-hadaway 3]

Then you simply want to copy section.soapbox.php over to the base and make the change I described. Thanks, Bryan

[xflame 0]

I've tried copied the sections folder to the base folder and then make changes to the section.soapbox.php but still the height won't change.

[Kate 3]

Hey Donny - Two things: First, did you copy it to a "sections" folder inside of the base folder? Also, is the base theme activated?

[xflame 0]

Yes I've copied the entire sections folder into the base folder, and yes I've checked that the base theme is activated.

[cmunns 16]

Why are we copying sections to just change the height. Also is this actual height or just padding between elements. GIve us a live link to look at or any more information you can, be as detailes as possible.

[xflame 0]

Hello cmunns, The one that I want to change is the height of the Soapbox (from 200 to 100) in my site: www.akanmerit.com. I've tried using the css:

.fboxgraphic {
	line-height: 100px;
	height: 100px;
	}

And also tried copying the sections folder as per Bryan's instruction. Kindly please help. Thanks Donny

[xflame 0]

And also how can I track the topic(s) in the forum via email?

[bryan-hadaway 3]

Okay, let's sort a few things out. Are we talking about Soapboxes or Feature Boxes? Your topic title is referring to soapboxes and then the CSS you attempted refers to feature boxes so let's get that sorted. If it's soapboxes were talking about I recall the reason for not being able to adjust the height with CSS being because it was hard coded into the file. To follow topics use: Follow Topic With RSS found in the sidebar. Thanks, Bryan

[xflame 0]

Hello Bryan, The CSS element .fboxgraphic is the one I get from inspecting the elements of the soapboxes in the google chrome (similar to firefox firebug). So because it's hardcoded I can't change it in the Base CSS? I've also tried copying the sections folder and changed the content in the section.soapbox.php as per your instruction but the height still won't change. Thanks Donny

[bryan-hadaway 3]

Okay, let's forget all the other angles and start fresh. I don't think they apply... `#soapbox .dcol_2{height:400px}` - let's try that Also, when using Firebug, clicking on an area is only the first step. You need to dig deeper in the left panel where it shows the HTML - hovering over that will highlight areas as you go. Thanks, Bryan

[xflame 0]

Hi Bryan, After digging deeper, the element that I found is <div class="fboxgraphic" style="line-height: 200px; height: 200px"> That's why I'm using the previous css, so maybe I use the wrong element. Tried your suggestion but there is no changes. Maybe can help check at www.akanmerit.com. Thanks Donny

[Kate 3]

Hey Donny - Actually, you can still change it in the CSS. Just add the "!important" declaration after it.

[xflame 0]

Hi Kate, Thanks it actually works! So basically if I put the "!important" declaration in the base css, it is more prioritized than the parent css?