Icons messed up
-
-
- jwjackson
- Rocketeer
- Posts: 70
- Thanks: 0
-
Hello all,
I need help with a live site, which I built on the RT Chapelco theme. The sidebar-a modules are not properly displaying the icons.
See here: www.lcanj.org/parents
I believe that it has something to do with the google tag, but I can't figure out what is breaking the code.
This image is hidden for guests.
Please log in or register to see it. - Last Edit: 9 years 3 months ago by jwjackson.
-
-
-
- jwjackson
- Rocketeer
- Posts: 70
- Thanks: 0
-
Unfortunately if I could do that, I wouldn't be writing in. The issue is that I can not get the icons in the bubbles. For an example for how it should appear see the theme, here:
demo.rockettheme.com/joomla-templates/chapelco/
Navigate to module variations.
This image is hidden for guests.
Please log in or register to see it.
This image is hidden for guests.
Please log in or register to see it.
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
jwjackson wrote:
Unfortunately if I could do that, I wouldn't be writing in. The issue is that I can not get the icons in the bubbles. For an example for how it should appear see the theme, here: demo.rockettheme.com/joomla-templates/chapelco/
Awesome, just needed a direction to paddle in
In your rt_chapelco-custom.css file add this:
.title1.rt-block.rt-block[class^="icon-"]:before, .title1.rt-block.rt-block[class*=" icon-"]:before, .title2.rt-block.rt-block[class^="icon-"]:before, .title2.rt-block.rt-block[class*=" icon-"]:before { left: 10px; top: -8px; }
-
-
-
- jwjackson
- Rocketeer
- Posts: 70
- Thanks: 0
-
Thank you for getting back to me. That did work, however, it caused another issue (this has happened before).
The padding under the menu increases and the main-nav buttons get super tall, verticially. See below:
This image is hidden for guests.
Please log in or register to see it.
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
jwjackson wrote:
Thank you for getting back to me. That did work, however, it caused another issue (this has happened before).
The padding under the menu increases and the main-nav buttons get super tall, verticially.
That has NOTHING to do with my code. That happens because your Search module has to much margin and padding so it pushes down the border for the menu bar. Otherwise your menu items are the same as the chapelco demo.
Add this to remove the Search module margin and padding:
#rt-header .rt-grid-3.rt-omega .rt-block { padding: 20px 0 0 0 !important; margin: 0 0 -10px 0; }
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
jwjackson wrote:
Sorry, add this to where?
DOH! - In your
rt_chapelco-custom.css <-{Click CSS Guide below}This image is hidden for guests.file add this:
Please log in or register to see it.
#rt-header .rt-grid-3.rt-omega .rt-block { padding: 20px 0 0 0 !important; margin: 0 0 -10px 0; } -
The following users have thanked you: jwjackson
-
-
-
- jwjackson
- Rocketeer
- Posts: 70
- Thanks: 0
-
I'm not sure why - your previous fix worked -- but now appears undone? I don't know how to get these icons back in their appropriate positions.
See here: www.lcanj.org/parents/parents-place
-
Time to create page: 0.051 seconds