Theme

You can do all of those things that you want relatively easily. How are going about trying to edit those styles now?

Hi John,

I’m trying through the style.css file but anything i try doesn’t work. I am able to change the size of the title font in the arconix-faq.css file under the /* FAQ Title but that’s about it. I am only some-what familiar with css programming. Am I editing the wrong files?

-Allen

Hi Allen,

The best way to make safe changes to the plugin’s styling is to copy the arconix-faq.css file (or create a arconix-faq.css file) in the base of your theme directory alongside your theme’s style.css. My plugin will load that stylesheet in place of the one that comes with the plugin so you can edit to your heart’s content and not worry about losing those changes when I release updates.

Hi John,
Am experiencing same problem. New to WordPress, and not familiar with css at all really, although with trial and error can work things out!
Really want to be able to change font and size on the FAQ and the answers, with a downloaded font. Looked at the css file, but wouldn’t be sure exactly what to change, and don’t really even see where font is indicated!
Any guidance would be hugely appreciate…. really want to use your FAQ plugin as have got along with it the best, but would love this extra knowledge!
Regards

Hi Ian,

Thanks for using my plugin. Have you copied my arconix-faq.css file to the base directory of your theme? It’s not completely necessary in your case, but it would probably make it easier. Otherwise you can add the styles to your theme’s style.css file, but you’ll need to add !important flags in certain spots to override my defaults. If you let me know which way you’re going to go, I can provide additional guidance.

Hi John,
Thanks for the reply.
So, have copied the arconix-faq.css file to the same location as the themes style .css file. So I am now trying to edit that to produce the right results! Its not too much that I am after really – just changing font and sizes of the categoty titles, questions and the answers. Not much else really.
Regards
Ian

To change the FAQ group title you’ll edit the “term title” section (I’m going to update that section header in the next release to be clearer). To change the FAQ title, edit the “FAQ Title” section and the content will be “FAQ Content” or “Accordion Content” depending on whether you’re using the toggle or accordion config.

Does that help?

Hi John, Thanks for that.
Sorry, for slow reply…been away over weekend.

I have uploaded the file to the theme directory as suggested and have had success in editing the title by doing the following:

/* FAQ Title
———————————————————— */
.arconix-faq-title {
background: url(../../images/toggle-open.png) no-repeat left transparent;
cursor: pointer;
font-size: 16px;
font-family: “velocity”, sans-serif;
padding: 0 0 0 30px;
position: relative;
}

Which is exactly what I was after! But I am struggling to apply changes to the group description (that you said was term title section) as well as the content. For the description I assume you mean to edit here?

/* Term Title
———————————————————— */
h3.arconix-faq-term-title { margin: 20px 0 10px}

So, I have tried the following but am not sure what I am missing:

/* Term Title
———————————————————— */
h3.arconix-faq-term-title {
margin: 20px 0 10px
font-family: “velocity”, sans-serif;
font-size: 16px;
}

Wonder if you can help? Feel like I am almost there!!

Many Thanks.

Ian

do you have a link to a live site where I can see the styles applied? My guess is there’s some kind of specificity (priority) conflict.

Hi John,

Yep, its here

https://www.peopleandthesea.org/expedition-faqs/

Like I said, its mostly the group titles I want to edit….

Thanks

Ian

You do have some specificity issues going on where the theme is overwriting any styles you set… specifically line 94. Because the theme author is prefacing his h3 styles with a #content, and ID selectors (#whatever) are highest priority, you’re seeing that issue. Either you’d have to add the same/higher specificity (e.g. #content h3.arconix-faq-term-title {} ) or you’d have to work with the theme author to edit the theme to be less specific.

Make sense?

Hi John,

Well, kind of makes sense! I would rather go for the first of the two options you suggest, but I have no idea how to do that. Can you give any pointers?

Thanks

Ian

Sure… This may take a bit of experimentation to get right, but where you have

h3.arconix-faq-term-title {}

in the arconix-faq.css file, replace it with this:

#content h3.arconix-faq-term-title {}

All you’re really doing is adding the id selector #content before the h3 tag. That will hopefully give you enough specificity to overrule what’s happening in the theme’s style.css file.

Give it a shot and let me know.

Hi John,

Dont think so…
Changed it to this:

/* Term Title
———————————————————— */
#content h3.arconix-faq-term-title {} {
margin: 20px 0 10px
font-size: 12px;
font-family: “velocity”, sans-serif;
}

But the formatting I have tried there also doesn’t get applied….

There was an extra set of brackets and you forgot a semicolon:

#content h3.arconix-faq-term-title {
    margin: 20px 0 10px;
    font-size: 12px;
    font-family: "velocity", sans-serif;
}