Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Change position of content in smart slider (university template)

Featured Lock Resolved Issue
I would like to change the position of the content in the SP Smart slider, as now it is in the middle of the photo. :(

I looked in the CSS from the slider (university.slider.css) but only setting i think i see is "relative". I am not a big programming
hero, but be able to modify some.

Attached a example... picture 1 is how it is... picture 2 is how i want it. picture 3 is what i see when i look in the code in Chrome,
but can't find it back in the css.

link: http://www.outdoor-explorers.com

8 Answers

Toufiq - Staff

More than a month ago #Permalink
Thanks for your query. Please keep live your site. Thanks

Otto Esselink

More than a month ago #Permalink
Hi Toufiq.. sorry forgot that i had the site in maintance mode as i am still working on it....

Is online now

Toufiq - Staff

More than a month ago #Permalink
Otto Esselink wrote:

I would like to change the position of the content in the SP Smart slider, as now it is in the middle of the photo. :(

I looked in the CSS from the slider (university.slider.css) but only setting i think i see is "relative". I am not a big programming
hero, but be able to modify some.

Attached a example... picture 1 is how it is... picture 2 is how i want it. picture 3 is what i see when i look in the code in Chrome,
but can't find it back in the css.

link: http://www.outdoor-explorers.com


Please clear your question. Where you want to set please mention it. Thanks

Otto Esselink

More than a month ago #Permalink
see attached files

Attachments (2)

  • 1.jpg
    1.jpg 819.4 KB
  • 2.jpg
    2.jpg 789.9 KB

Toufiq - Staff

More than a month ago #Permalink
Thanks for keeping live your site. Please put this css into template.css or custom.css


.sp-slider-content {
padding-top: 125px;
}

Rupert Hütter

More than a month ago #Permalink
Otto Esselink wrote:

I would like to change the position of the content in the SP Smart slider, as now it is in the middle of the photo. :(

I looked in the CSS from the slider (university.slider.css) but only setting i think i see is "relative". I am not a big programming
hero, but be able to modify some.

Attached a example... picture 1 is how it is... picture 2 is how i want it. picture 3 is what i see when i look in the code in Chrome,
but can't find it back in the css.

link: http://www.outdoor-explorers.com



Hello,
I am using the same University template. I saw your home page and noticed that the link See what we can offer does not work. I have the same problem which is unsolved. I want this link to point to a specific article, but I was unsuccessful so far. Do you know a solution?

my homepage is: Title

Regards,
Rupert

Toufiq - Staff

More than a month ago #Permalink
Rupert Hütter wrote:

Otto Esselink wrote:

I would like to change the position of the content in the SP Smart slider, as now it is in the middle of the photo. :(

I looked in the CSS from the slider (university.slider.css) but only setting i think i see is "relative". I am not a big programming
hero, but be able to modify some.

Attached a example... picture 1 is how it is... picture 2 is how i want it. picture 3 is what i see when i look in the code in Chrome,
but can't find it back in the css.

link: http://www.outdoor-explorers.com



Hello,
I am using the same University template. I saw your home page and noticed that the link See what we can offer does not work. I have the same problem which is unsolved. I want this link to point to a specific article, but I was unsuccessful so far. Do you know a solution?

my homepage is: Title

Regards,
Rupert

Toufiq - Staff

More than a month ago #Permalink
Dear,

Thanks for your query. Please add below css inside of your custom.css or template.css file or theme.less (if less compile enable) file.


.nivo-pretitle {
text-align: center;
}

.nivo-title {
text-align: center;
}
.nivo-title {
text-align: center;
}
.nivo-introtext {
text-align: center;
}

.nivo-readmore {
text-align: center;
}


Find out below code from below path
http://www.rhu-audio.at/hprecording/modules/mod_sp_smart_slider/tmpl/nivo_slider/nivo-slider.css

.nivo-caption {
background: #000 none repeat scroll 0 0;
bottom: 0;
box-sizing: border-box;
color: #fff;
display: none;
left: 0;
opacity: 0.8;
overflow: hidden;
padding: 5px 10px;
position: absolute;
width: 100%;
z-index: 8;
}


And replace with this code

.nivo-caption {
background: #000 none repeat scroll 0 0;
box-sizing: border-box;
color: #fff;
display: none;
left: 25%;
opacity: 0.8;
overflow: hidden;
padding: 5px 10px;
position: absolute;
right: 30%;
top: 20%;
width: 50%;
z-index: 8;
}


-Thanks


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 134
Toufiq

Toufiq

Total Accepted Answers: 106
Sifat

Sifat

Total Accepted Answers: 69
S

ssnobben

Total Accepted Answers: 1
J

jurateam

Total Accepted Answers: 1

116

Templates

300069

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us