Solved

CSS Problem With Header Text

Posted on 2014-03-26
4
365 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
  • 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

Three Reasons Why Backup is Strategic

Backup is strategic to your business because your data is strategic to your business. Without backup, your business will fail. This white paper explains why it is vital for you to design and immediately execute a backup strategy to protect 100 percent of your data.

Question has a verified solution.

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

In this article we will discuss some EI Capitan Mail app issues and provide some manual process to resolve them.
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
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…

713 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