Joomla Templates Club 406,261 posts

[leonhart700 Friend leonhart700Join date: April 2014Posts: 141Downloads:5Uploads:27 Thanked: 2 times in 2 posts]

#864502

Is it possible to specify the padding-top within the module itself? If I can avoid creating a completely new type which would essentially be a copy of ACM HERO 1 that would be great. Is it possible to ammend the padding from the top within the module itself and if so how do I do this?

CAN BE FOUND ON SLIDE 4 ON THE BELOW PAGE

http://www.testing.polarchoice.com/accommodation/index.php/accommodation/accommodation-in-london/single-rooms

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#864534

Hi,

Hope this way will help you to add the padding-top into acm hero style 1

Open templates/uber/css/custom.css file and add new rule

div#block-landing-item-143 .section-inner.no-padding {
    padding-top: 52px !important;
}

Regards

[leonhart700 Friend leonhart700Join date: April 2014Posts: 141Downloads:5Uploads:27 Thanked: 2 times in 2 posts]

#864539

Thanks for the input I tried that. Here is my custom.css file.

Is there anything wrong with what I have done?

[leonhart700 Friend leonhart700Join date: April 2014Posts: 141Downloads:5Uploads:27 Thanked: 2 times in 2 posts]

#864540

I pasted the text as described however it still doesnt work

.uber-header.fullscreen-overlay-menu.dark-color { background: ##ff0000;}
div#block-landing-item-143 .section-inner.no-padding {
padding-top: 52px !important;
}

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#865341

I tried to check the URL of your site again but I could not see the problem of you mentioned above. If possible, you can give me the screenshot and describe on that of what are you trying to do?

[leonhart700 Friend leonhart700Join date: April 2014Posts: 141Downloads:5Uploads:27 Thanked: 2 times in 2 posts]

#865346

Thanks for your help.

Please see below basically I just need to add some custom css for this

http://www.testing.polarchoice.com/accommodation/index.php/accommodation/accommodation-in-london/single-rooms

Slide 5 (Still not convinced a single room is for you ?)

I would like to raise the text closer to the centre of the page. Would be great to be able to do this in the module itself or in a custom.css file

Regards

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#867215

Any top padding css change will affect all slides. Did you put in the following css ?

element.style {
    padding-top: 54.3125px;

Tim

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#867600

You can follow my tweak to fix the problem on your site

• Go to admin of your site and find module id: 158 and add custom CSS style as my screenshot

• Open templates/uber/css/custom.css file and add new CSS style below

.block-landing .block-landing-item .section-inner.custom .container .hero-content {
    padding-top: 100px !important;
}

---

Attachments:

1. 

[Author]

Posts