Does wordpress.com mess with your css in the personal or premium plans?
-
Right now I’m on the free plan and I see the limitations that it imposes on even simple css changes you try to make.
What about the personal plan? What about the premium plan? I’m mostly interested in knowing how it affects inline styling, what over-rides happen.
The blog I need help with is: (visible only to logged in users)
-
Hi there, the Personal Plan does not include the ability to add custom CSS. To add custom CSS, you would need the WordPress.com Premium Plan or WordPress.com Business plan upgrade. We do have some safeguards in place that may limit the CSS you are able to use, but in general, this would be CSS that would possibly compromise out entire user base here, such as @import.
On the Business plan, though, there are far fewer restrictions since your site would be be effectively insulated from the main WordPress.com sites and systems.
-
Inline stying will work on content, and on Text Widgets, but not much further than that. You can style buttons and text in posts and pages using inline CSS though, you cannot however affect the main styling of a theme since that would require direct CSS changes. For more information, see the following support pages.
-
is there any difference of inline styling as it affects just the content, (div tags, p tags, img tags, etc.) between the free, personal, or premium plans?
-
No, all the theme code is the same, as are the elements you put into your content. You can use inline styling on content, but depending on how much you are going to be doing (every post or page) it can get to be a lot of work.
The other issue with inline styling is that if you switch themes, and the new colors do not go with the new theme, you end up having to edit each and every post or page you have added inline styling too because that styling goes with the content. With custom CSS, you do not have that issue.
-
It seems to me that WordPress does have it’s own way of displaying code which is not the way it’s supposed to be. I’ve tried testing the code in two other online html editors and they both display it one way whereas wordpress displays it another way, the wrong way.
-
The WordPress editor will strip out some tags since most people are not used to looking at html code and it can get confusing. div and paragraph tags are there, but will not display unless there is a class or some inline CSS inserted into the opening tag.
A single return in the html/text tab in the editor produces a line break if then looked at in the visual editor. If you hit return twice in the html editor, it will show a paragraph break when you look at it in the visual editor.
If you can post a sample of what you are trying to enter here between code tags, I’ll take a look and give you any advice I have for working with it.
-
Thanks for your help. I can’t figure out how to post code here. Please look at the content of my home page here:
https://chabaduzhgorod.wordpress.com/The content in question is the ‘shabbat times’ cities.
Here is a link to a screenshot of how the Tryit html editor from W3schools displays the code: http://i.imgur.com/3kQGUBg.jpg
And this online editor [https://html-online.com/editor] displays the code very similar. So WordPress is definitely doing something.
-
Hi, if you look at the buttons right above the reply box here in the forums, you will see one near the right end labeled “code”. If you click that and then paste in the code after that code tag, and then at the end of the code, click the code button again, it will display your code.
I’m going to copy out what you have now in your page and work on it just a bit later for you. If you can paste in the code so I can take a look at it, that would be great, but otherwise I’ll just do it to make things look like you are wanting. Sometimes with online html editors, they create code that is meant to be completely standalone rather than code that can be inserted into a existing html structure, and that can be problematic as it will include the base code that is already within the wordpress page and in those cases, the editor will strip that out as it would cause things to go awry in a big way.
-
Hi @chabaduzhgorod, just wanted to let you know that I’m working on this right now and hopefully will have something for you shortly.
-
@chabaduzhgorod, I would suggest you create a draft page, set to the default page template, like your home page is, and then paste the following into that page, save it as a draft and then preview it. If all looks well, you can then, from the HTML/Text tab, copy everything out and replace the stuff you have now on your home page.
<div><img src="http://i.imgur.com/7bxFEZE.jpg" /></div> <p style="color:#ae4204;margin-top:5px;font-size:20px;margin-bottom:20px;">Выберите свой город - select your city:</p> <div style="max-width:460px;"> <div style="width:30%;display:inline;"><a style="text-decoration:none;" href="http://ru.chabad.org/calendar/candlelighting_cdo/locationId/1099/locationType/1" target="_blank" rel="noopener"><span style="color:#795552;font:bold 15px calibri, sans-serif;padding:7px 0;margin:7px 15px 7px 0;border-bottom:1px dotted #ae4204;">Ужгород - uzhgorod</span></a></div> <div style="width:30%;display:inline;"><a style="text-decoration:none;" href="http://ru.chabad.org/calendar/candlelighting_cdo/locationId/1101/locationType/1" target="_blank" rel="noopener"><span style="color:#795552;font:bold 15px calibri, sans-serif;padding:7px 0;margin:7px 15px 7px 0;border-bottom:1px dotted #ae4204;">Хуст - khust</span></a></div> <div style="width:30%;display:inline;"><a style="text-decoration:none;" href="http://ru.chabad.org/calendar/candlelighting_cdo/locationId/1100/locationType/1" target="_blank" rel="noopener"><span style="color:#795552;font:bold 15px calibri, sans-serif;padding:7px 0;margin:7px 15px 7px 0;border-bottom:1px dotted #ae4204;">Мукачеве - mukacheve</span></a></div> <div style="width:30%;display:inline;"><a style="text-decoration:none;" href="http://ru.chabad.org/calendar/candlelighting_cdo/locationId/1102/locationType/1"><span style="color:#795552;font:bold 15px calibri, sans-serif;padding:7px 0;margin:7px 15px 7px 0;text-decoration:none;border-bottom:1px dotted #ae4204;">Берегово - berechov</span></a></div> <div style="width:30%;display:inline;"><a style="text-decoration:none;" href="http://ru.chabad.org/calendar/candlelighting_cdo/locationId/1104/locationType/1"><span style="color:#795552;font:bold 15px calibri, sans-serif;padding:7px 0;margin:7px 15px 7px 0;border-bottom:1px dotted #ae4204;">Рáхів - rakhiv</span></a></div> <div style="width:30%;display:inline;"><a style="text-decoration:none;" href="http://ru.chabad.org/calendar/candlelighting_cdo/locationId/1103/locationType/1"><span style="color:#795552;font:bold 15px calibri, sans-serif;padding:7px 0;margin:7px 15px 7px 0;border-bottom:1px dotted #ae4204;">Виноградів - vynohradiv</span></a></div> </div>I’ve used a different way of doing things than what you were trying. I’ve got the parent div and then each linked text has its own div. I’ve set the parent div to have the same maximum width as your image, and then set the widths for the divs containing your links to 30%, which gets you three columns for most screen widths. I think part of the problem was that it appeared like when things didn’t work, you tried a bunch of things and then the code ended up getting a bit messy and some of the things you had were fighting with other things.
I’ve got everything saved in a draft page on my test site so I can easily go back in and make changes if needed.
-
Thanks so much. looks like problem solved. Don’t see why I didn’t figure that out myself, I guess that’s why they call you an engineer.
-
the only thing I’ll need to add is a no-wrap for each city. otherwise looks great. thanks again
-
Replace the spaces surrounding the dashes ( – ) with non-breaking spaces. Use the following instead of the regular space, but without the space I have between the & and the n.
& nbsp;
- The topic ‘Does wordpress.com mess with your css in the personal or premium plans?’ is closed to new replies.
WordPress.com Forums 
