Solved

CSS Problem With Header Text

Posted on 2014-03-26
4
366 Views
Last Modified: 2014-03-31
I have some text I have put in a div that I want to the right of the image at http://www.theherbsplace.com/prestashop/

I need the text to be centered on the end of the image but the margin-top won't push the div down.  I am having to use display:inline for the div to position it at the end of the image.  I need to keep this responsive is why I didn't want to use the position statement.

I also need the text below the image to be 10 px below and the space between the 2 paragraphs to not be so large.  I thought I was overriding the global.css p declaration but it doesn't change anything.

This is the code I am using to override the theme's css

#editorial_block_center #editorial_main_image {
  float:left;
  margin-left:0px;
  margin-right:14px;
}
.rte p{
  font-size:16px;
}
.rte div.header_text {
  color:#336633;
  font-size:18px;
  margin-bottom:45px;
  width:350px;
  display:inline;
  margin-top:40px;
}
#editorial_block_center .rte p {
clear:both;
  margin-top:10px;
  margin-bottom:0px;
}
div.header_text li {
  margin-bottom:10px;
}
div.header_text ul {
  list-style-type:none;
}

Open in new window


So please help me to get this looking better and spaced evenly.

Thanks,

Randal
0
Comment
Question by:sharingsunshine
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
4 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 39957386
I get an offline page - is this the correct page?
0
 

Author Comment

by:sharingsunshine
ID: 39957401
It's on now.  I had it in maintenance mode and my IP whitelisted.
0
 

Accepted Solution

by:
sharingsunshine earned 0 total points
ID: 39957897
I solved it.  I put a margin-top of 20px on ul element within the div of the header text and it spaced it appropriately.
0
 

Author Closing Comment

by:sharingsunshine
ID: 39966144
No one offered me any answers so I kept trying different ideas.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
pdf to excel 8 86
tiled banner 2 16
Mac OS 10.9.5 magnifying glass keeps popping up 4 25
Merge Numbers file with CSV file 3 9
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
An introduction to the wonderful sport of Scam Baiting.  Learn how to help fight scammers by beating them at their own game. This great pass time helps the world, while providing an endless source of entertainment. Enjoy!
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

739 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question