Title: CSS Styling Problem
Last modified: August 31, 2016

---

# CSS Styling Problem

 *  Resolved [pyramisa](https://wordpress.org/support/users/pyramisa/)
 * (@pyramisa)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-styling-problem-2/)
 * Hey guys,
 * I have the following problem. I can’t style the local weather in exactly the 
   same way as local time. I guess something is overriding and it is driving me 
   crazy. Here is a link – [http://pyramisaegypt.com/en](http://pyramisaegypt.com/en)
 * I am using revolution slider plugin.
 * Hope someone can help me out.
 * Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-styling-problem-2/#post-7037325)
 * How are you styling them?
 *  Thread Starter [pyramisa](https://wordpress.org/support/users/pyramisa/)
 * (@pyramisa)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-styling-problem-2/#post-7037330)
 * I am trying with inline css, but since I am a complete noob it does not seem 
   to work out.
 * Here is the custom code in the revolution slider:
 * <div class=”header-slider”>
    <h2>Cairo</h2><div class=”bookbuttons”>[Book now](http://be.evodist.com/hotel/pyramisa_cairo_suites/lang/en-GB)
   </div> <div class=”visithotel”><p>[Visit hotel](https://wordpress.org/pyramisa-suites-cairo/?output_format=md)
   </p><p>[More information](https://wordpress.org/pyramisa-suites-cairo/?output_format=md)
   </p></div> <div class=”localtime”>Local time</div> <div class=”clock” id=”id390181″
   > </div> <div class=”localweather”>Local temperature</div> <div class=”tempsep”
   >/</div> <div class=”tempc”>[awesome-weather location=”Cairo” units=”C” size=”
   tall” override_title=”Sahl Hasheesh” forecast_days=”0″ hide_stats=1 custom_bg_color
   =”rgba(0,0,0,0)” ]</div>
 * <div class=”tempf”>[awesome-weather location=”Cairo” units=”F” size=”tall” override_title
   =”Sahl Hasheesh” forecast_days=”0″ hide_stats=1 custom_bg_color=”rgba(0,0,0,0)”]
   </div>
 * </div>
    <div class=”blackcover”></div>
 * =========================
 * That’s the code in Style.css
 * .awesome-weather-current-temp sup {
    font-size: 24px; padding-left: 3px; top:-
   19px !important; }
 * .localweather {
    font-size: 14px !important;
 *  position: absolute !important;
    right: 5px !important; top: 125px !important;
   min-width: 150px !important; }
 * .clock {
    border-right: 1px solid #fff !important; font-size: 48px !important;
   line-height: 50px !important; padding-right: 25px !important; position: absolute;
   right: 205px; top: 140px; min-width: 120px !important; }
 * .localtime {
    font-size: 14px !important; font-weight: 600; position: absolute;
   right: 233px; top: 125px; } .header-slider1 .localtime {top:10px !important;}.
   header-slider1 .clock {top: 25px !important;} .header-slider1 .localweather {
   top:10px !important;} .header-slider1 .tempsep {top:39px !important;} .header-
   slider1 .tempf, .header-slider1 .tempc {top: 15px !important;} .visithotel p {
   margin-bottom:5px; font-weight: 600 !important;}
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-styling-problem-2/#post-7037336)
 * The ‘.localtime’ selector is only on the text “Local temperature”. Is that what
   you’re trying to style? There’s a thousand styles going on at once in the weather
   bit so it’s important to clarify
 *  Thread Starter [pyramisa](https://wordpress.org/support/users/pyramisa/)
 * (@pyramisa)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-styling-problem-2/#post-7037349)
 * I want to style the temperature numbers.
 * _[moderator note: please do not start double topics for one problem – your other
   topic is now closed; [http://codex.wordpress.org/Forum\_Welcome#Where\_To\_Post](http://codex.wordpress.org/Forum_Welcome#Where_To_Post)]_
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-styling-problem-2/#post-7037497)
 * If you’re not using a Child Theme, and if the theme doesn’t have a section for
   CSS modifications then do the following:
    1. Install this Custom CSS Manager plugin [http://wordpress.org/plugins/custom-css-manager-plugin](http://wordpress.org/plugins/custom-css-manager-plugin)
    2. use its “CSS Code” [section of the dashboard](https://s.w.org/plugins/custom-css-manager-plugin/screenshot-1.jpg?r=1288706)
       to hold your CSS modifications:
    3.  (put this code in)
    4.     ```
           .localweather {
               font-weight: 700 !important;
           }
       
           .awesome-weather-current-temp strong {
               font-weight: 100;
               color: white;
           }
           ```
       
    5. Save
 * _Alternatively use your Child Theme style.css file to hold your CSS modifications_
 * That should be almost what you want.
 *  Thread Starter [pyramisa](https://wordpress.org/support/users/pyramisa/)
 * (@pyramisa)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-styling-problem-2/#post-7037516)
 * Andrew, you are the best. It worked like a charm.
    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘CSS Styling Problem’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 6 replies
 * 2 participants
 * Last reply from: [pyramisa](https://wordpress.org/support/users/pyramisa/)
 * Last activity: [10 years, 4 months ago](https://wordpress.org/support/topic/css-styling-problem-2/#post-7037516)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics