Support Forums

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

Your Time: Our Time:

CSS for Main Slider - Can't seem to make it work

Featured Lock Resolved Issue
Hey guys. I have this site that I'm working on in Mamp but I created an installation on my siteground server to show you my issue:
http://thecountyline.ca/otatoq

I need to change the font, size, and position of the text in the slider. I am currently using CSS3 in the page options of pagebuilder to try to get this to happen. I am creating the following and assigning it to the CSS Class in the advanced slideshow module with "largetext". I am assuming this is not the place to make this change?

.largetext { font-family: "Bowlby One"; font-size: 378px; text-shadow: 4px 4px 9px rgba(150, 150, 150, .8);
}

Can you please let me know where I should change this CSS to change the Font, Size, etc?

As well, I would like to slide the text down the page to meet the new horizon in the image that I am using. Please let me know how I would do this when you have a moment, thank you!

4 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
I had hope that you can use Code Inspector built-in in your browser. It's basic tool for any webmaster now.

Here is default CSS code:

.sppb-slideshow-fullwidth-item .sppb-slideshow-fullwidth-item-text h1 small {
display: block;
font-size: 114px;
color: #FFFFFF;
letter-spacing: -5.7px;
text-shadow: 0 11px 10px rgba(0,0,0,0.19);
font-weight: 700;
position: relative;
}
.sppb-slideshow-fullwidth-item .sppb-slideshow-fullwidth-item-text h1 {
font-size: 190px;
color: #FFFFFF;
letter-spacing: -9.5px;
text-shadow: 0 11px 10px rgba(0,0,0,0.19);
line-height: .65;
}

Hayden Cyr

More than a month ago #Permalink
Hi Paul, that’s a great answer and thanks for making me feel dumb for asking the question.

Paul Frankowski - Staff

More than a month ago #Permalink
It was only advice. It's no black magic knowledge.


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 119
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 119
Toufiq

Toufiq

Total Accepted Answers: 54
Pavel

Pavel

Total Accepted Answers: 5
Peter Atkin

Peter Atkin

Total Accepted Answers: 2

100+

Templates

200,000+

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