Public Forums 71,145 posts

[donkbuster Friend donkbusterJoin date: August 2014Posts: 9Downloads:0Uploads:1 Thanks: 2]

#200636

First off I’d like to say awesome template!!

I’m fairly new and just getting my feet wet with Joomla so please excuse me if these are knob-like questions.

I just installed Purity III and I’m struggling with how & where to find some of the areas I’d like to tweak. I’ve attached a screen shot of my current install. It’s basically a stock template with the Corporate layout. The only real changes I made is added a Unite Revolution Slider to the slideshow (1150×450). I don’t have a custom.css file created yet but I will once I know what needs to be added to make the changes I’ve laid out in the screen shot.

Any help I can get would be greatly appreciated.

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#546549

So that we can try to best assist you, please provide the url of the site you’re working on.

[donkbuster Friend donkbusterJoin date: August 2014Posts: 9Downloads:0Uploads:1 Thanks: 2]

#546551

<em>@TomC 442018 wrote:</em><blockquote>So that we can try to best assist you, please provide the url of the site you’re working on.</blockquote>

http://www.rmcubed.net

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#546553

First off, please proceed to create your custom.css file within file path –> /tempaltes/purity_iii/css/

To increase the height of your main nav section,
paste the following within your custom.css file;


.t3-mainnav {
height: 80px;
}

The above value of “80px” is merrely an example. You can, of course, change the pixel value until you arrive at the look you’re most happy with.

If you increase the height of the main-nav section, then it will take care of decreasing the white space between your main nav and slideshow as well. However, if after adjusting the main nav height, you’re still wanting to reduce that white space some more, let me know.

To decrease the white space bettwen the slideshow and main content,
paste the following within your custom.css file:


.t3-sl {
padding-top: 30px;
}

Again, The above value of “30px” is merrely an example. You can, of course, change the pixel value until you arrive at the look you’re most happy with.

[donkbuster Friend donkbusterJoin date: August 2014Posts: 9Downloads:0Uploads:1 Thanks: 2]

#547141

I’m still struggling with this. Site is http://www.rmcubed.net

I’m wondering if someone can tell me why I can’t get the height to vary at all despite what I place in the following as the height for mainnav. I can make it 160, 80, or 40 and it’s always the same and too big for what I want.

Thanks.

.t3-mainnav {
height: 40px;
}

.t3-mainnav .t3-navbar {
margin-top: 0px;
}

.page-masthead .jumbotron {
margin-bottom: 0 !important;
margin-top: 0 !important;
padding: 5px 0;
}

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#547244

@donkbuster,

If you want to customize your site, you should have the knowlege about the CSS then you can use the class suffixes and add your custom code into file called custom.css .
In this case, if you want to make the mainnav to smaller, pls open file: /templates/purity_iii/css/custom.css then add this rule:

.t3-mainnav {
height: 40px;
min-height: 40px;
}


Let me know if this helps

[donkbuster Friend donkbusterJoin date: August 2014Posts: 9Downloads:0Uploads:1 Thanks: 2]

#547350

.t3-mainnav {
height: 40px;
min-height: 40px;
}

Worked awesome. I’m trying to learn CSS a.s.a.p and getting this sort of help fills in the gaps for me. I’m not a book learner I’m a hands on person so I typically struggle unless someone shows me.

That said any help you can give me on what I need to play with to narrow the gaps between the modules would be great.

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#547371

@donkbuster,

I see your site is working fine. Let me know if you need further helps.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#547562

<em>@Nazario A 442901 wrote:</em><blockquote>@donkbuster ,

If you want to customize your site, you should have the knowlege about the CSS then you can use the class suffixes and add your custom code into file called custom.css .
Let me know if this helps</blockquote>

Kinda thought that’s what I recommended in Post #4 above 😎

1 user says Thank You to TomC for this useful post

1. donkbuster

[donkbuster Friend donkbusterJoin date: August 2014Posts: 9Downloads:0Uploads:1 Thanks: 2]

#547674

Thanks for all the help. Figured out my problem was a combo of not being patient and my hosting company. As I’ve mentioned previously I’m new to this and not sure if common or my process is off a little. I figured out there’s about a 60 second delay when I clear the cache before I can hit the refresh button and have my changes show up on my site. I kept changing things and getting pissed off as to why nothing worked or only worked once in a while. I’m working through learning Inspect Element and that’s making the process a lot smoother.

[Author]

Posts