CSS Selectors

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Author

Posts
July 1, 2014 at 8:08 pm #7052
jltrinka
Free User

Post count: 183
What CSS selectors can I use to change the font size of the listings on the search page? See below attached image.

I have tried changing the below but have had no luck
```
.geodir-entry-title{
	font-size:16px;
}
```
July 1, 2014 at 8:09 pm #7053

jltrinka
Free User

Post count: 183

This reply has been marked as private.

July 1, 2014 at 9:54 pm #7067

Guust
Moderator

Post count: 29970

I’d be handy to look at your site to answer that.
I think you’d need to adjust .geodir-entry-title h3 { } but seeing the site would help.

http://cs.brown.edu/courses/cs132/resources/inspector/
https://developer.chrome.com/devtools/docs/elements-styles

July 2, 2014 at 12:23 pm #7187
jltrinka
Free User

Post count: 183
Yeah, I initially used Chrome Inspector to try to sniff out what class this title was linked to, but even when adding the following code I am getting no change.
```
.geodir-entry-title h3{
	font-size:16px;
}
```
July 2, 2014 at 12:29 pm #7191

Guust
Moderator

Post count: 29970

Like I said, I’d be handy to see the site.
But in the meantime try
.geodir_category_list_view li.geodir-gridview h3 {…}

July 2, 2014 at 12:56 pm #7203

jltrinka
Free User

Post count: 183

This worked. Thanks!

What about the description portion of the entry?

July 2, 2014 at 1:00 pm #7205

Guust
Moderator

Post count: 29970

#geodir_wrapper .geodir-common p { … }

You should be able to check that yourself from the Chrome CSS Inspector?

July 2, 2014 at 1:22 pm #7211

jltrinka
Free User

Post count: 183

This reply has been marked as private.

July 2, 2014 at 2:17 pm #7225

Guust
Moderator

Post count: 29970

I don’t quiet understand why they don’t take effect, unless you add ” !important ” to all of them.
I can see the CSS is on the page as well, instead of just in the stylesheet, and that would be why.
But I don’t know why it is on the page (source) at all, it should just be on the stylesheet.
I might just ask Stiofan.

July 2, 2014 at 3:13 pm #7234

Paolo
Site Admin

Post count: 31206

They are on the page because they can be changed via framework admin pages or customizer.

I guess you are using GDF?

July 2, 2014 at 4:53 pm #7252

jltrinka
Free User

Post count: 183

You guessed right. I agree, I don’t know why i need “!important”, it’s a little concerning considering I plan on developing with this plugin and theme into the future…

July 2, 2014 at 5:33 pm #7262

Paolo
Site Admin

Post count: 31206

Hi,

I’ve already asked to Stiofan how someone is supposed to create a child theme if the framework default css options are printed on the header after the child theme stylesheet.

We agree there is a problem here.

In my opinion framework css options should be printed in the header, only if the user has modified the default options.

The theme should use the main css for the default style and the child theme css should be able to override it.

That way a child theme would look different, but user could still take advantage of the customizer and framework options.

Stiofan is looking into this alrady and a solution will be provided with the next GDF release.

Thx

July 2, 2014 at 6:02 pm #7270

jltrinka
Free User

Post count: 183

Great! I appreciate your support!

July 19, 2014 at 3:49 pm #9114

Stiofan O’Connor
Site Admin

Post count: 22956

This is resolved in the latest versions.

Thanks,

Stiofan
Author

Posts

Viewing 14 posts - 1 through 14 (of 14 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

How to open a new support ticket

Support Policy

Support Forum Search