Forum Support

Shape 5
March 06, 2021, 07:22:35 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Article title and detail  (Read 602 times)
bhmuse
Jr. Member
**
Offline Offline

Posts: 11



« on: December 15, 2013, 01:22:00 AM »

I have 2 questions:

1. Where can I edit article title font and size? I used firebug and it gave me no specific location.

2. How can I change the color of these article details?

category name:
Published:
Author:
« Last Edit: December 16, 2013, 05:19:56 AM by bhmuse » Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: December 16, 2013, 06:36:30 PM »

Hello,

If you post a URL I can give you the CSS location directly for your server.

-Mike
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
bhmuse
Jr. Member
**
Offline Offline

Posts: 11



« Reply #2 on: December 17, 2013, 12:39:45 PM »

Hi,

here is the link:
http://allaboutscreenplay.com/demo/
« Last Edit: December 17, 2013, 12:55:42 PM by bhmuse » Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: December 17, 2013, 06:51:09 PM »

1) You can control that here:

com_content.css - line 73

.contentheading {
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    line-height: normal;
}

2) You would need to use Firebug to identify the class and add a color to the css like so

.create {
color: #ff0000 !important;}

-Mike
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
bhmuse
Jr. Member
**
Offline Offline

Posts: 11



« Reply #4 on: December 18, 2013, 08:15:16 AM »

Thanks,

I used firebug as you said and found the solution. To make the mentioned changes, I edited "content.css".

1. To change the font and size of article title.:

.contentheading  {
  font-size:1.2em;
  float:left;
  font-family:tahoma,arial !important;
  font-weight:bold;
  line-height:normal; }

To change the color of article title:
a.contentpagetitle  {
  font-size:1.3em;
  font-family:tahoma,arial !important;
  color: #2f78ab !important;

2. To change the color of article info (category name, created, and created by), I added these codes:

.create {
color: #ff0000 !important;}

.createdby {
color: #ff0000 !important;}

.category-name {
color: #ff0000 !important;}
« Last Edit: December 18, 2013, 09:07:18 AM by bhmuse » Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: December 18, 2013, 07:42:53 PM »

Exactly,

Now you know how to identify and edit CSS as needed, which will take you a long way when making customizations.

-Mike
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.