Styling and editing for Specific Pages

  • nova077

    (@nova077)


    9 years, 4 months ago

    I am new to wordpress and thanks in advance for any reply.
    I have a wordpress based website which is similar to a portal like MSN, YAhoo etc. The layout is also similar MSN or Yahoo kind of sites. The entire MSframework has been developed by a vendor. I can add specific news items by publishing a new Pages and it will get added as a news items or an article. My problem is the webpage that gets published using the “Add New Page” is quite limited in styling options. The original website CSS files ( boot strap etc) etc are in the specific folder and not accessible to me , neither do I want to play around with it as the entire website has control there.
    When I edit an content through the “Add New Page” and publish I have very few editing options from the editor. And many cases it actually doesn’t let me to do what I want to do.
    I have worked around that issue using inline styling. But I feel real power lies in using CSS style design.
    I think the style of the entire html page is like this

    Head<>
    Css styelsheet info
    other info
    </head>
    <Body>
    !- content not accessible

    <Case>
    ! this is where the new page content gets published. We don;t see the .Case tags.
    </case>

    If you have used the page publishing feature you would know I can use HTML elements using the Text Tab. Elements that I add are also limited.
    For example if I add a Div tag with this inline style it distorts the layout of the entire page when I want styling getting applied only withing that posting :
    Page Editor :
    ***********************
    div < style Background= white>
    <p> Write my own articles</p>
    </div>
    <div>
    <p> some other content / pictures</p>
    </div>

    *****************************************

    So in summary here are my 3 questions:
    1. How can I add CSS kind of styling for individual postings
    2. Why is the Div tag introduced from Publish Page is distorting the entire layout
    3. Is there any option to add animations using files from Edgeanimate etc in the pages

Viewing 3 replies - 1 through 3 (of 3 total)
  • Christi Nickerson

    (@christini)

    9 years, 4 months ago

    Hi Nova,

    1. To add custom CSS to your site without touching your theme files, you can install a Custom CSS plugin.
    2. The div tag is causing issues because of a couple of coding errors; it should look something more like this if you want to add an inline style: 
      <div style="background-color:#ffffff;">
<p> Write my own articles</p>
</div>
<div>
<p> some other content / pictures</p>
</div>
    3. I found a couple of plugins that should help with adding Edge Animate compositions:
      https://wordpress.org/plugins/edge-suite/
      https://wordpress.org/plugins/wp-edge-animate-renderer-oam/
      (That last one is a little out of date, but might still work, so worth a try if the first one doesn’t work out for you.)

    Hope this helps!

    Christi

    Thread Starter nova077

    (@nova077)

    9 years, 4 months ago

    Hi Christi,
    I am sorry. I made typos while posting the Div tag earlier. But I was trying to give example. I did use div tag with inline style as you mentioned in your post.
    Whenever I use the Div tag ..it shifts a “Menu” which I have on the right side and take it to the bottom of that page. If i remove the div tag and put everything under paragraph style ( i.e <p>….</p> tags the menu shifts right as side bar which where its supposed to be. not sure why its happening like this.

    Thanks for the Edge animate plugin

    rgds,

    Christi Nickerson

    (@christini)

    9 years, 4 months ago

    Hi Nova,

    Thank you for the update and clarification. It definitely sounds like a styling issue, but it’s hard to say without seeing it in action. Can you send a link to your page so I can take a look at it and inspect the styling used?

    Thanks!

    Christi

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Styling and editing for Specific Pages’ is closed to new replies.

Tags