CSS glitches with 3.02

5 posts by 2 authors in: Forums > CMS Builder
Last Post: April 13, 2016   (RSS)

By lanesboroweb - April 13, 2016

I have just installed CMS 3.02 at a site under development. I have copied the wysiwyg.css to wysiwyg_custom.css and added some CSS to the file.

Two issues:

1. One of the CSS styles I added is a link. I cannot get it to show up in the Styles dropdown and thus, cannot apply it to a link in the text.

2. I have also added a responsive style to be applied to photos. It shows up under the Styles dropdown, but I am not able to apply it to a photo.

Anyone else have similar issues?

Dave

By lanesboroweb - April 13, 2016

Update: Got the responsive style to work by using Chrome instead of IE. Still no joy on using the link style, even in Chrome.

By Damon - April 13, 2016

Hi,

I was able to get the link styling working on my test installation as a default style. Not in the dropdown but as the default appearance. 

What is the CSS you are using?

Cheers,
Damon Edis - interactivetools.com

Hire me! Save time by getting our experts to help with your project.
http://www.interactivetools.com/consulting/

By lanesboroweb - April 13, 2016

I misspoke. I am not using the Styes dropdown to assign a style to a link. I am using the window that opens up when the link icon is clicked. Same issue. The link style is not included in the list.

This is sounding familiar. I may have had a similar issue with another site. Something about how the css is expressed. Can't remember the fix. Here is the link css included in the wysiwyg_custom.css file:

a.bodylink:link {
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12pt;
text-decoration: underline;}

a.bodylink:visited {
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12pt;
text-decoration: underline;}

a.bodylink:hover {
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12pt;
text-decoration: none;}

a.bodylink:active {
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12pt;
text-decoration: underline;}