Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

CSS Problem With Header Text

Posted on 2014-03-26
4
Medium Priority
?
389 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

Ask an Anonymous Question!

Don't feel intimidated by what you don't know. Ask your question anonymously. It's easy! Learn more and upgrade.

Question has a verified solution.

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

In this article we have discussed about the OS X EI Capitan and how to fix Wi-Fi issue in OS X El Capitan. We have explained how to delete system level preferences and create a new Wi-Fi location to resolve Wi-Fi issue.
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

963 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