Custom Design Option does not appear to have implemented completely

tonydrewertrump · Member · Jan 25, 2016 at 10:23 am
Copy link

Add topic to favorites
Purchased Custom Design Option 18/1 can now input css but does not appear to action on page

Same code works on croft films.com

Cannot see css code when I inspect the page in browser

Thanks for your help

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jan 26, 2016 at 6:21 am
Copy link
Hi, I would suggest first that you review the Appearance > Theme Options for each site and compare as there are differences in the set up. As an example, in Croft, Events list is set to “Events” whereas in Arts it isn’t set at all. In Arts, you have Featured Events List set to Events.

If you look at the Eventbrite Multi Demo page, All Events is set as Events List and Upcoming Events is set as Featured Events List. If you view the two, you will see the difference in styling.

On your CSS, if you look at it you have the following:
```
.event-image {
	width: 350px;
	width: auto;
	font-size: 14px;
}
```
Note that you have two “width” declarations. When you have two of the same declarations in a CSS rule, in this case width, only the second will be applied. If you wish to enlarge the image, the correct way to do this would be the following.
```
.event-image {
	max-width: 350px;
	width: 100%;
	font-size: 14px;
}
```
thesacredpath · Member · Jan 26, 2016 at 6:24 am
Copy link
With the Croft Events page, which is set as the Events List page at Theme Options, the width: auto; works. If you set Arts Events List page to Events, that page should appear the same as Croft, and all you need for the CSS would be this.
```
.event-image {
	width: auto;
	font-size: 14px;
}
```

No items found.