Help make transparent CSS

[Happiier]

Good Day,

The Text w/Boarder standard inserts default to a white background (see attached). I need them to default to transparent to match. Can you please provide CSS to adjust so as to remove the white box background.

With Gratitude,

Blaze

[Radu]

Hi,

You’ve forgotten the screenshot, provide it to can see it

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Happiier]

Hi Radu!

Sorry about that. It must not have uploaded properly. I love Kleo more than any theme I have used and I have three main requests to perfect it for my purposes. Please see image attachment for each.

I am hoping you can address each in this one place, however I understand if I must open three separate tickets. Please advise and thank you so much for your help with this 🙂

With Gratitude,
Blaze

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

There are the selectors for the masonry style

COPY CODE

section.container-wrap.main-color { background: #999;}

.masonry-listing .post-item .post-content { background: green !important;}

.masonry-listing .main-color blockquote, .main-color .masonry-listing .post-content {border-left-color:red; }

.masonry-listing .post-title { font-size:3.2em;  }
.masonry-listing .post-title  a {color:yellow !important;}
.main-color .masonry-listing .post-footer { border-top-color:orange;}

.post-content { border: 1px solid pink !important; }

If you want to apply styles only on blog page aff before each line .blog and space

example : .blog .main-color .masonry-listing .post-footer { border-top-color:orange;}

Read more transparent

COPY CODE

.hr-title abbr {
    background: transparent !important;
}

For the fixing elements or sidebar single solution, it’s this : https://archived.seventhqueen.com/forums/topic/activity-stream-shortcode#post-135494

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Happiier]

Thank you for the information. It helped with some of the requests.

Pending:
1. Left title marker color by post type
2. Fixed sidebar layout
– The link to another help topic was ok but did not really accomplish what I need. A fixed sidebar left with full scrollable website content right. (see attached)
– I would love for it to function like the acctual zurb website with fixed left sidebar or the blog example given in the template: http://zurb.com/building-blocks/sidebar-blog-template
– I implemented the css provided for the template and it almost worked, but scrollable content did not seem to relate properly to new sidebar AND problems at browser sizes between Desktop Large and Mobile layout.

Please advise what I can do to resolve. Thank you very much.

With Gratitude,
Blaze

Attachments:

You must be logged in to view attached files.

[Happiier]

This is the exact format that I want to duplicate: http://adventure.com/

Simple fixed sidebar that I can adjust css and scrollable right content.

Thank you for the help!

Blaze

[Radu]

Hi,

For fixing sidebar, I’ve suggested that topic read it and to inspire from it an
Replace widgets-container with your desired class or div that you want to float for default you can use the next snippet that will keep all sidebar widgets floating

COPY CODE

<script>
jQuery( document ).ready(function() {
	(function(jQuery){
	        jQuery('.widgets-container').affix({
	          offset: {
	            top: 100,
	            bottom: 0,
	          }
	        });
	    })
	( jQuery );
});
</script>

If you are not ok with this use this instead

COPY CODE

.sidebar .widgets-container {
    position: fixed;
}

Both methods works choose what you want, for further custom development contact a developer.

Here are the CSS selectors for small border before the titles

COPY CODE

.masonry-listing .format-video .post-title
{ border-left: 3px solid #07baf4; }
.masonry-listing .format-standard .post-title
{ border-left: 3px solid #8a52ad; }
.masonry-listing .format-image .post-title
{ border-left: 3px solid #fc604a; }
.masonry-listing .format-gallery .post-title
{ border-left: 3px solid #43ae9e; }
.masonry-listing .format-audio .post-title
{ border-left: 3px solid #367bb7; }
.masonry-listing .format-link .inner-content
{ margin-top: 10px; border-left: 3px solid #00c5c4; }
.masonry-listing .format-aside .post-title
{ border-left: 3px solid #ee2534; }

The Css will be added to wp-admin -> theme options -> general settings -> quick css

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts