Hello,
I was wondering how to control the positioning and attributes of the 'featuretitle' and 'featuretext' fields in the 'Highlight Page - Standard' layout of StationPro.
I have tried setting the text within these fields to different styles and classes, but I can only seem to override the size (not color or positioning).
See current dev - http://acclivityit.com/
I am simply trying to move the highlight to a more upward starting position but cannot seem to figure out what style/class determines the attributes of these fields.
I am also trying to have the headline text colored something else than white, which I cannot seem to override by changing the color of either H1 or its classes.
My CSS is a bit rusty...
Would gladly receive your hints, and if I cannot solve, pay market hourly rate to fix.
Best,
PM
Position/change Highlight Text fields?
Started by
nomoreplaces
, Jan 29 2010 04:04 PM
7 replies to this topic
#2
arpowers
-
- Administrators
-
- 3,214 posts
Founder
Posted 30 January 2010 - 07:24 PM
If you can't override usually you need to create more "specific" CSS rule.
As a tip, use Firebug on Firefox to see if your added rules aren't specific enough...
In the case of the feature headers you will need to add `.fcontent` out front to override the rules (this is because the feature headers had to override the regular content headers)
so example:
`.fcontent h1, .fcontent h2, .fcontent h3, .fcontent h4, .fcontent h5, .fcontent h6 {color:#HEXCOLOR;}`
#3
nomoreplaces
-
- Members
-
- 8 posts
Newbie
Posted 31 January 2010 - 07:35 PM
Isn't the above rule just a class for h1?
I already tried adding a new class for h1 in order to override the color settings.
(I am assuming I would just add it to the main stylesheet and then mark the class in the field form of the page setting.)
I have some relatively minor changes I need done for this theme. I made the mistake of taking on a project for a friend when my technical skills are less than apt...
If I paid you $100 per hour UP FRONT (say in an initial $600 installment) would you be willing to fix the CSS and get this page behaving decently?
#4
nomoreplaces
-
- Members
-
- 8 posts
Newbie
Posted 31 January 2010 - 08:18 PM
The text for the featuretitle field now is inputed as...
And in the master stylesheet, the class has been defined as...
The color is still showing up as white though...
Like I said, I would be very happy to pay to get this fixed.
<h1 class="fcontent">AcclivITy is dedicated to addressing critical support needs and solving complex problems for our clients.</h1>
And in the master stylesheet, the class has been defined as...
.fcontent h1, .fcontent h2, .fcontent h3, .fcontent h4, .fcontent h5, .fcontent h6 {color:#000000;}
The color is still showing up as white though...
Like I said, I would be very happy to pay to get this fixed.
#5
nomoreplaces
-
- Members
-
- 8 posts
Newbie
Posted 31 January 2010 - 08:29 PM
I noticed that I could finally override the color if I entered the CSS in the custom CSS field of the theme options (versus the master stylesheet).
I wish I knew where the settings for the custom fields were themselves (if not in the master stylesheet).
Anyway, I am sure this confusion is over my lack of understanding...
So how would I also override the positioning of the featuretitle and featuretext custom fields?
I want to move both of these upwards...
http://acclivityit.com/
#6
nomoreplaces
-
- Members
-
- 8 posts
Newbie
Posted 31 January 2010 - 09:55 PM
Nevermind on above. I did not think I could do relative positioning...
I think I solved it.
#7
nomoreplaces
-
- Members
-
- 8 posts
Newbie
Posted 02 February 2010 - 09:13 PM
Ok, one more question Andrew...
I am having an problem getting the 'featuretitle' text to display properly in IE. (It shows way too big while the sizing in Firefox and Safari display is fine).
If I was doing plain HTML, I would just create a separate stylesheet and link to it in the <head> tag.
How do I do this with your theme though?
#8
jnoh
-
- Members
-
- 502 posts
Advocate
Posted 03 February 2010 - 04:18 AM
Hey nomoreplaces. Open up the header.php file in the theme directory. Look for this:
`
`
Just enter in the linked style sheet as you normally would in html. (in the correct [if] blocks)
Let me know if anything is unclear.
