Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

CSS Problem With Header Text

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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

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.
Today, still in the boom of Apple, PC's and products, nearly 50% of the computer users use Windows as graphical operating systems. If you are among those users who love windows, but are grappling to keep the system's hard drive optimized, then you s…
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

688 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