Changing link color in content block
Permalink
I'm trying to change the link color in one specific block. I don't want the link color to change anywhere else in the site or even anywhere else on the page. Here's a link. If you look toward the bottom of the blog post you'll see "to visit the page click here" I want to change the color of that link. I want to make this my default blog layout, so it's important I figure out this issue. Any help would be greatly appreciated. I'm still pretty much a noob, so please be gentle.
Sorry, I forgot to give the linkhttp://www.whallart.com/blog/ebay-feedback/...
every Blogpost has his own id
<div id="blockStyle276BlogPostMore186" class=" ccm-block-styles">
This was your metioned post.
so get there in your CSS to setup a special rules for only that blogpost like
#blockStyle276BlogPostMore186 a {...};
best regards mr-fan
<div id="blockStyle276BlogPostMore186" class=" ccm-block-styles">
This was your metioned post.
so get there in your CSS to setup a special rules for only that blogpost like
#blockStyle276BlogPostMore186 a {...};
best regards mr-fan
Sorry, but you'll have to dumb that down a little in order for me to understand.
Your link styles is set in your typography.css in your selected Theme
there on line 8 is set the Link Styles = a
Now you could set additional CSS rules for unique Things like a Blogpost, HTMLBlock, or a whole Page cID
like in your case you wanna change this Linkcolor of your Blogpost you could try to add this to your theme typography.css
regards
there on line 8 is set the Link Styles = a
a, a:visited, a:active { color: #5589A3; text-decoration: none; } a:hover { color: #C7C7C7; text-decoration: underline; }
Now you could set additional CSS rules for unique Things like a Blogpost, HTMLBlock, or a whole Page cID
like in your case you wanna change this Linkcolor of your Blogpost you could try to add this to your theme typography.css
#blockStyle285BlogPostMore186 a, a:visited, a:active { color: #5589A3; /*change this color*/ text-decoration: none; } #blockStyle285BlogPostMore186 a:hover { color: #C7C7C7; /*change this color*/ text-decoration: underline; }
regards
add a class to your typography css
Then in your Content block, select the link and press the icon of a change (edit hyperlink). Then you can select a the class to apply.
It may take a while for the class to appear, typography caches really well and can often take a few refreshes(ctrl+f5) to force a new version.
Once applied it will generally add a span to your new link, which will take its colour from the typography css, this will also work when viewing the content in the wysiwyg editor.
If the linke is hard-coded add a class directly to the link in the required block.
Then in your css define your colour,
as an example,
Then in your Content block, select the link and press the icon of a change (edit hyperlink). Then you can select a the class to apply.
It may take a while for the class to appear, typography caches really well and can often take a few refreshes(ctrl+f5) to force a new version.
Once applied it will generally add a span to your new link, which will take its colour from the typography css, this will also work when viewing the content in the wysiwyg editor.
If the linke is hard-coded add a class directly to the link in the required block.
Then in your css define your colour,
as an example,
//as a side note you should consider changing the link text to something else, click here is not great for seo, ie for more information you could just use, "More information" <a href="#" class="alt-color">To visit the page click here</a> Then in your css, you should have a{color:#000000}//or something like this //new css would be a.alt-color{color:#FF0000}//make it red //if you apply from the content menu you may need to use a span a span.alt-color{color:#FF0000} //or make it an option for both by using "," and combining both into one rule a.alt-color, a span.alt-color{color:#FF0000}
Something better for the link may be
Why not "visit our Ebay Feedback page" page to read more Customer feedback and see what our Customers have to say about Joe Whall Art
then make the section within the "" the link.
I'm not an seo expert so it could do with tweaking but just "here" alone is not a great explanation of what you are clicking, (google only sees the link not the surrounding text)
Why not "visit our Ebay Feedback page" page to read more Customer feedback and see what our Customers have to say about Joe Whall Art
then make the section within the "" the link.
I'm not an seo expert so it could do with tweaking but just "here" alone is not a great explanation of what you are clicking, (google only sees the link not the surrounding text)
Thanks so much. I got it to work.
