CODEWITHSUNDEEP
css
Ryan
Ryan

Reputation: 10049

css: What to change to make the size bigger?

I am not good with CSS, def a noob so this is over my head.

This is the address: http://collinwedsdiana.info/friday13/?page_id=50

if you go there you will see there is a floating blockquote on the right that has this text: "Nothing was going to hold her back from moving."

and I know/think the file responsible for that is: http://collinwedsdiana.info/friday13/wp-content/themes/hitched/media/css/common.css

(there is a "?ver=3.6" at the end of the URL, but I have no idea why)

but I cannot seem to find a way to increase the text size.

Thanks in advance!

Upvotes: 0

Views: 54

Answers (2)

Digital Fu
Digital Fu

Reputation: 2917

I appears that file below is also being applied to that page.

http://collinwedsdiana.info/friday13/wp-content/themes/hitched/media/css/charcoal_peach.css?ver=3.6

On line 422 of the file there is the css below (which is one place you can put the font size change). I have made it to 30px.

.post.panel .entry blockquote * {
    color: #929397 !important;
    font-size: 30px; /* <- new css  */
}

Or if you wanted to ensure that it only occurred on that one element you could create a new class to do the same; the new class below is called'text-large'.

<blockquote class="float_right">
    <p class="text-large">Nothing was going to hold her back from moving</p>
</blockquote>

and put the following somewhere in the css files

.text-large{
    font-size:30px;
}

if that still doesn't work you can use !important to force the declaration to take priority like this:

font-size:30px !important;

hope it helps

Upvotes: 1

raam86
raam86

Reputation: 6871

You can use inline css.

Best practice is to select from a single file (in your case common.css)

Add this line to the file: This is the selector that will select your text is:

.entry blockquote p {font-size:YOUR_SIZE;}

Upvotes: 2

Related Questions