If you make the <h2>Connect with</h2> and style it as normal, you can then add the Colleagues part and style it using:
.fpc-marketing .fpc-widget-front h2:after {
content:”\A Colleagues”;
font-style:bold;
}
ok thank you. will try it soon. I appreciate you helping us out so much.
I forgot to mention, I need to change each title like you mentioned above for the four featured pages boxes
See the blue highlights
http://s27.postimg.org/l5h09lkz7/titles.jpg
Using the above code, adds Colleagues to all boxes at the end.
apologize for leaving this info out
OK, so add .fp-one .fp-two and .fp-three to specify which one, eg
.fp-one .fpc-marketing .fpc-widget-front h2:after {
content:"\A Colleagues";
font-style:bold;
}
With the Extension, note that the selectors change after the first 3 to .fp-4 .fp-5 etc
Strange, the code above doesn’t change the individual boxes. The previous one does all of them.
Also the <h2>Connect with</h2> is attached to a page with the full title ”connect with colleagues’, so does that mean i have to shorten the page name to just ‘Connect with’.
Is your site link available?
Let’s get the first one working first:
.fp-one .fpc-widget-front h2:after {
content:"\A Colleagues";
font-style:bold;
}
or if not try
.fp-one .fp-title:after {
content:"\A Colleagues";
font-style:bold;
}
But yes, you need to shorten the page name. And now I’m wondering if that’s the best thing to do???
ok second option worked.
Mmmm.. regarding shortening the page name..i will check.
Also, if you notice when clicking first button start connecting, i want that button to goto another page. I looked at the snipet on the site for changing links, but didnt work.
You mean this snippet?
Looked in 3.2.4 code and can’t see any apparent changes
Yes, i’m still on the 3.2.1 theme. I used that snipped but the links were not going to where i wanted. I will work on it later and see what i make out of it.
i added a 4th footer(the logo), and i want it to be spaced out in the bottom area edge to edge to the content width above. right now the 4th widget moves to bottom of the other 3 when i crease the span3 to above 280px. currently its 160px. not sure why. see link above to site i sent. thanks you very much
span3 is a Twitter Bootstrap setting which you shouldn’t adjust. If you do (& you have):
.span3 {
width: 260px;
}
then it will break the responsive settings.
ok putting it back to 280px puts the logo widget below on the next line when the site viewed full screen. that is why i adjusted it.
No, completely remove it from your style sheet, and then the logo fixes.
